Community Forums › Forums › Archived Forums › General Discussion › How to make logo clickable in Metro theme
- This topic has 12 replies, 2 voices, and was last updated 10 years, 7 months ago by
castledesign.
-
AuthorPosts
-
April 17, 2013 at 11:39 pm #36081
castledesign
MemberHello!
I have been using Metro theme which is great but I had to customize the top logo/header area to make the logo bigger.. Now it is no longer 'clickable' to the home page. Can anyone help me fix this issue?
The site is http://baby-mac.com/
Thank you so much!
http://baby-mac.com/April 18, 2013 at 1:22 am #36087Brad Dalton
ParticipantAdd the link when you insert it into a new post and grab the HTML for the image which includes the link.
How did you add the image? Did you upload it using the header uploader or add the CSS in your style.css file?
April 18, 2013 at 1:24 am #36088castledesign
MemberI uploaded it in the header file and changed the functions file etc to suit the larger logo.. hope that makes sense.
Thank you!
April 18, 2013 at 1:40 am #36089Brad Dalton
ParticipantThere's no header file but there is a images file in your child theme.
So you uploaded it manually using FTP to your child themes images folder rather than use the custom header uploader under Appearance?
And you also changed the height in your child themes functions.php file?
Did you change any of the header dimensions in the style.css file?
April 18, 2013 at 1:42 am #36090castledesign
Membermmmm... so maybe i did upload it via FTP?
argh.. i was trying to sort it myself with help from this person and that person (via forums) I cant really remember now...
With this vague response, can you suggest what i should do?
April 18, 2013 at 1:43 am #36091Brad Dalton
ParticipantApril 18, 2013 at 1:44 am #36092castledesign
Member1080 x 150
🙂
April 18, 2013 at 2:10 am #36093Brad Dalton
ParticipantI tested this on your Metro theme with your header and it works perfectly.
Yes. You have 2 style sheets. Ones for the custom CSS but it does not contain a custom link to your home page in the CSS for the header image unlike what would be the case if you change the dimensions in the main style.css file and uploaded your header image using the built in custom header uploader.
// Line 519 #header { min-height: 150px; overflow: hidden; } // Line 558 .header-image #title, .header-image #title a, .header-image #title-area { display: block; float: left; min-height: 150px; overflow: hidden; text-indent: -9999px; }
Make sure your functions.php file uses these values:
// Line 34 add_theme_support( 'genesis-custom-header', array( 'flex-height' => true, 'height' => 150, 'width' => 1080 ) );
Your header image
http://baby-mac.com/wp-content/uploads/2013/04/header11.png
April 18, 2013 at 2:20 am #36097castledesign
MemberThank you SO MUCH Brad for your help.. I'll give this a shot and let you know how I go.
I really appreciate it 🙂
April 18, 2013 at 2:23 am #36098Brad Dalton
ParticipantIt worked for me but i didn't have any overriding CSS in the custom-style.css file.
April 19, 2013 at 5:48 pm #36465castledesign
MemberHey Brad!
I have finally had a chance to sit down and try this.. I removed the coding from the custom CSS and made the changes and it all looks lok but still dosent seem to be linking? Did I miss something?
Thank you
April 19, 2013 at 7:08 pm #36480Brad Dalton
ParticipantApril 19, 2013 at 7:33 pm #36485castledesign
MemberWhere do you suggest I put this code you mention above for the header image?
<
a
href
=
"http://baby-mac.com/wp-content/uploads/2013/04/header11.png"
rel
=
"nofollow"
>http://baby-mac.com/wp-content/uploads/2013/04/header11.png</
a
>
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.