Horje
Autofocus+ Pro Theme | Modify shape of Hyperlink over logo - Wordpress Solution
[Solved] - Autofocus+ Pro Theme | Modify shape of Hyperlink over logo - Wordpress Solution
Try following codes
Hello, I currently have the Autofocus+ Pro theme installed on my website and would like to modify the shape of the hyperlink around my logo on the homepage (and every page) of my site: daniel-marsden.com Username: test password: testes I am attaching two images to this post. The top image shows the current state of the hyperlink around my logo and the bottom image shows the desired shape I'd like the hyperlink surrounding my logo to be. I couldn't figure out exactly how to alter this size / shape. Any help would be appreciated. Thank you!

Solution - 1

replace

#branding {
    padding-left: 50px;
    width: 238px;
}
by
#branding {
    width: 238px;
}


Solution - 2

I'm not exactly sure where you need to edit the css, but I believe it's probably somewhere in the Autofocus "extra" css field. ;) But if you look at the source of your current home page, scroll to line 122. You will see:

#branding {padding-left:50px;width:238px;}
You need to change this to :
#branding {width:290px;}


Solution - 3

Change



#branding {padding-left:50px;width:238px;}
to


#branding {width:288px;}


Solution - 4

Hi, In your style.css go to line 131 and change to the following


#blog-title a{
width:238px;
position:relative;
left:-50px;
font-weight:400;
}
This will ensure that your hyperlink hover covers the whole of your blog title. You can change the width and left position for further adjustment. Hope this is what you want. Thanks. Denzel

Date: 2022-10-21 05:14:08
Category: Wordpress
More for You