Community Forums › Forums › Archived Forums › General Discussion › Agency Pro theme image header/ logo size change?
Tagged: Agency Pro heade/logo
- This topic has 20 replies, 8 voices, and was last updated 9 years, 5 months ago by Sridhar Katakam.
-
AuthorPosts
-
October 21, 2013 at 8:46 am #68037spollParticipant
I'm stuck at trying at trying to make a larger than 300x60 centered logo in Agency Pro. I love the full bkgd image option however, the logo area has me stumped.
Thanks for any help
October 21, 2013 at 11:36 pm #68142Sridhar KatakamParticipantOctober 22, 2013 at 7:55 am #68187spollParticipantHi Sridhar- I was hoping to make it twice the size as the default. Also, is there a way to center a responsive slider below the logo and nav bar?
Thanks
October 28, 2013 at 12:54 pm #69499spollParticipantAnyone?
November 13, 2013 at 8:52 pm #72866maincontrolMembersame question. But I'd like my header to be 800 x 150
November 23, 2013 at 11:22 pm #75328travlandersMemberYes... this is a pain...
somehow the menu appears to be cutting off the image when you try this approach...
add_theme_support( 'custom-header', array(
'default-text-color' => 'ffffff',
'header-selector' => '.header-image .site-header .wrap',
'height' => 164,
'width' => 1139,
) );.... and change the height and width....
I have tried numerous things.... I have tried to create a new widget area for the left part of the header as well but nothing seems to happen...
All I want it to be able to insert an image followed by some text....
Really frustrating.... Anyone get any more information on this issue?
Travis
November 26, 2013 at 6:04 pm #75777PattyMemberI too would like to change the header to 300 x 233. Any update?
November 26, 2013 at 8:00 pm #75785travlandersMemberin the end... this is what i did....
November 27, 2013 at 8:43 am #75864travlandersMemberOk... I updated the post I listed above in the link so that it is more complete....
I realized I didn't get it all in there the first time around....
I apologize but it was late after I got the problem solved and so the blog post about the solution was not complete. I hope it helps with this issue... I am proud to say my logo is now being displayed ok...
November 28, 2013 at 12:53 am #76001Sridhar KatakamParticipant1) In functions.php around line 63, change the height from 60 to 233.
2) Add the following at the end of child theme's style.css:
.header-image .site-title a { min-height: 233px; } .site-container { padding-top: 234px; padding-top: 23.4rem; }
November 28, 2013 at 1:14 am #76002Sridhar KatakamParticipantsame question. But I’d like my header to be 800 x 150
1) Edit functions.php. Around line 63 change width and height values to 800 and 150.
2) At Appearance > Header, upload your desired image.
3) Add the following at the end of child theme's style.css:
.title-area { width: 100%; } .header-image .site-title a { min-height: 150px; } .site-container { padding-top: 151px; padding-top: 15.1rem; } @media only screen and (max-width: 1023px) { .site-header, .site-header .wrap { max-width: none; } .header-image .site-title a { background-size: contain !important; } } @media only screen and (max-width: 800px) { .agency-pro-home .wrap { max-width: none; } }
November 28, 2013 at 1:15 am #76003Sridhar KatakamParticipantForgot to mention that the second step would be: At Appearance > Header, upload your desired logo image.
November 28, 2013 at 1:16 am #76004Sridhar KatakamParticipantNovember 29, 2013 at 8:32 am #76147PattyMemberperfect! thanks for your help
December 20, 2013 at 3:58 pm #80508Simon AbramsonMemberNOTE: If you're after adjusting width & height values inside of functions.php (around line 63) you're still finding yourself forced to crop the new logo to the same aspect ratio as it was by default (and not the new width/height). You need to update the styles.css around line 942:
.header-image .site-title a { float: left; min-height: 160px; /*adjust this value*/ width: 100%; }
Once the functions.php and the CSS are aligned you should be good to go!
December 23, 2013 at 3:02 pm #80962Simon AbramsonMemberWeird. Now I'm seeing the nav menu hidden behind my logo.
Any ideas?
December 23, 2013 at 3:16 pm #80964Simon AbramsonMemberLooks like it's caused by the following:
.genesis-nav-menu a { border-top: 2px solid transparent; color: #fff; display: block; padding: 18px 16px 20px; padding: 1.8rem 1.6rem 2rem; /* changing this value resolved the issue */ position: relative; }
Adjusting the top padding is enabling me to move the navbar down (below the logo).
February 6, 2014 at 8:52 pm #89056PhotolabMemberHaving problems too. i want a 60x500 image but it seems that im missing something...
February 6, 2014 at 11:12 pm #89088Sridhar KatakamParticipantNovember 7, 2014 at 4:35 am #130771magzparmenterMemberI've tried changing the height and width in functions.php and then changing the code in header.image.site.title to the same min height, but it is still cropping it horizontally. Any ideas?
My logo is 400 x 165
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.