Community Forums › Forums › Archived Forums › General Discussion › Logo link in Executive Theme
Tagged: Executive theme, header, home page, menu
- This topic has 19 replies, 5 voices, and was last updated 9 years, 11 months ago by
Kalvik.
-
AuthorPosts
-
June 28, 2013 at 11:23 am #48232
klipklopp
MemberHi,
I am trying to figure out if there is a way to make the logo portion of my header image on the left side of my top menu a link that takes the visitor to the home page, so I can eliminate the "Home" tab in the menu.
Here is a link to my site http://www.westminsterav.com. I would like the "Westminster Technologies, Inc." area to be a clickable link.
Is this possible? Any suggestions?
Thanks!
June 28, 2013 at 1:56 pm #48257RobG
MemberHello, Try accesing your Settings then General, you can add your web address in that section and is should make your header clickable.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJune 28, 2013 at 2:03 pm #48260klipklopp
MemberMy site appears in the "WordPress Address" and "Site Address" fields on the settings page, but the logo area of the header is still not a hyperlink.
Do you have any other suggestions?
Thanks!
June 28, 2013 at 2:33 pm #48262RobG
MemberCan you tell me what theme you are using?
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJune 28, 2013 at 2:34 pm #48263klipklopp
MemberI am using Genesis and the Executive Theme.
Thanks!
June 28, 2013 at 2:42 pm #48267RobG
MemberTry going in to your Style.css locate this part of your header image code, change the width: 25% to width: 250% pixels and see if that will work. If not just change it back to 25.....
/* Image Header - Partial Width ------------------------------------------------------------ */ .header-image #title-area, .header-image #title, .header-image #title a { display: block; float: left; height: 100px; overflow: hidden; padding: 0; text-indent: -9999px; width: 25%;
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJune 28, 2013 at 3:02 pm #48277klipklopp
MemberI made the change but it had no effect so I changed it back... 🙁
June 28, 2013 at 3:12 pm #48278RobG
MemberIn your general settings you should have the following fields were you can add your web address.
WordPress Address (URL) http://www.yoursite.com
Site Address (URL) http://www.yoursite.comMake sure you place your URL for your website there nd see if that works. It's hard for me to say because I don't use that theme but this might work. Them just save all changes.
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJune 28, 2013 at 3:16 pm #48279klipklopp
MemberYep, I checked there and my URL is in both fields the same was - http://www.westminsterav.com.
I am worried that this isn't possible. I did a plug-in search and didn't find much...
June 28, 2013 at 3:43 pm #48283RobG
MemberI'm sure it can be done it's just hard to do from my end I'll have to look in to a bit more
To speed up the process please post the link to the website in question.
We recommend using Firebug to view source codes http://getfirebug.com/
RobGoss WordPress Developer
We build WordPress websites for your business or personal goals
http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgossJune 28, 2013 at 4:01 pm #48286Doak Heggeness
MemberJune 28, 2013 at 4:04 pm #48288klipklopp
MemberMy logo is my header image in the appearance area of the dashboard.
June 28, 2013 at 9:04 pm #48326Doak Heggeness
MemberThe proper way to add a logo image in lieu of the Site Title & Description is here. You also have to comment-out or delete the following from your functions.php file.
/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array(
'width' => 1140,
'height' => 100
) );Then you should be able to make it a link.
Doak Heggeness, WordPress Development | Website
June 28, 2013 at 10:51 pm #48338klipklopp
MemberHi Doak,
So after changing the functions.php file, what do I need to do to make the logo a hyperlink? Forgive me if this is a simple question as I am new to WordPress.
Thanks!
Ted
June 29, 2013 at 8:08 am #48361Doak Heggeness
MemberJuly 4, 2013 at 11:33 am #49219John
ParticipantTed,
Here's a better way to do that: How to replace the StudioPress background header image with a real image logo
John
John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉July 4, 2013 at 11:37 pm #49283klipklopp
MemberHi John,
Thanks for the link. I will this a try. One question... When Studiopress updates Genesis or the Executive theme, will this changing of the code be wiped out by the update - so I have to redo this any time I update?
Thanks!
Ted
July 5, 2013 at 8:21 am #49320John
ParticipantHi Ted,
All you're changing is the functions.php and style.css files in your child theme, which you've probably already edited anyway for other changes you've made to your site. If those two files are updated in a future child theme update then you'd have to merge any changes you've made along the way. Fortunately, that doesn't happen very often with StudioPress themes.
Updating Genesis doesn't affect your child theme so you'd be okay there.
I haven't tried this yet with Genesis 2.0 but Marc, another commenter on that blog post, said he's going to give it a try this weekend and see what happens.
John
John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉July 5, 2013 at 11:52 am #49363Kalvik
ParticipantHi - I followed the instructions of Doak "The proper way to add a logo image in lieu of the Site Title & Description is here. "
But logo is floating higher (blank space below). I have checked the image of 350px X 90px matches .css
background: url( 'images/Elitelogoweb.png' ) no-repeat;
display: block;
float: left;
height: 90px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 350px;When changing width to 250px it's back to a singe space but logo is cut short.
July 5, 2013 at 12:12 pm #49368Kalvik
ParticipantOk - I got it - I had to adjust the width on the header.widget area
#header .widget-area {
float: right;
width: 50%;
}Whew.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.