Community Forums › Forums › Archived Forums › Design Tips and Tricks › Executive Pro: how to make the header logo area "clickale"?
Tagged: executive pro, header image, theme
- This topic has 8 replies, 3 voices, and was last updated 10 years, 5 months ago by losterhout.
-
AuthorPosts
-
October 22, 2013 at 8:05 am #68189adrianoMember
Hi,
I'm customizing the Executive Pro theme (http://my.studiopress.com/themes/executive/) -- and I set the header area to be an image (sized 1140x100).
The logo is on the left of the image, within the first 200 pixels.
Is there a way to place an hyperlink within that 200x100 pixels area so that clicking on it would send to the website's home page?
Thanks,
- Adriano
October 22, 2013 at 10:01 pm #68339nutsandboltsMemberHi Adriano,
Look in the theme's stylesheet for the
#title a
CSS rules - that's what you would need to alter. If you want to post a link to your site I'd be glad to try to help in more detail.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+October 23, 2013 at 8:59 am #68430adrianoMemberHi Andrea,
You can have a look at the website here http://www.vervaishr.com -- it seems like the link is actually there, but since I'm using a an image rather than text for the logo, the clickable area only extends within a few pixels before the actual header image starts. In the resulting HTML is at:
<div id="title-area"> <p id="title"> <a title="""Vervais"" href=""//www.vervaishr.com/""">Vervais & Associates</a> </p> </div>
If you have some suggestion as of how to extend that area underneath / above the header image to cover where the logo is that would be great. Otherwise I've seen that in the executive-pro v3 things changed in regards to the logo image, and that might solve my problem (although I'd have to transfer over my modifications to the updated version).
October 23, 2013 at 9:44 am #68444nutsandboltsMemberIt may be worth it to switch to Pro - I see a number of differences in the stylesheet for your site versus the Executive Pro stylesheet, and they would make a big difference as far as the logo being clickable.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+October 23, 2013 at 12:34 pm #68472adrianoMemberActually I do already have the Pro version -- it's just that the one I have on the site mentioned above is version 2.0, and I've seen that there's a new (3.0) available which I might upgrade to in order to see if addresses what I'm trying to do out of the box.
November 7, 2013 at 4:06 pm #71550losterhoutMemberWas there ever any resolution to this issue? I'm having the same problem and have tried various methods recommended in the forums with no success. I'm a CSS novice, so I'm sure there's something I'm missing. Here is my site:
http://rrlc.infoI just want to make the header image link to the home page. I can't believe it's all so complicated.
November 7, 2013 at 5:08 pm #71563nutsandboltsMemberHi losterhout,
In your stylesheet, find this:
#title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 100px; overflow: hidden; padding: 0; text-indent: -9999px; width: 25%; }
and change it to this:
#title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 100px; overflow: hidden; padding: 0; text-indent: -9999px; width: 250px; }
That should make your logo clickable.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+November 8, 2013 at 2:25 am #71642adrianoMemberAs far as myself, I upgraded from ExecutivePro 2.0 to ExecutivePro 3.0 -- version 3 handles the header area differently from V2, and the header image / logo gets hyperlinked with the site's url taking care of my problem / question above.
- Adriano
November 8, 2013 at 10:19 am #71688losterhoutMemberThank you both for your replies! nutsandbolts, that totally worked! I don't know why I couldn't figure that out on my own, but thank you! And adriano - I will consider upgrading as well - I'm sure there are other things that Pro 3.0 will help me with. Have a great day!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.