Community Forums › Forums › Archived Forums › General Discussion › Header in Lifestyle theme
- This topic has 6 replies, 3 voices, and was last updated 10 years ago by Anita.
-
AuthorPosts
-
April 21, 2014 at 9:20 am #101651terribelfordMember
Hi, I have used Lifestyle Pro child theme on Genesis before and never had this issue but I am uploading a JPGgraphic that is exactly 320X110 and it shows up tiny in the header. I tried with a different 320X110 image and the same thing happened. I'm sure I'm missing something very simple but can't figure out what it is. Anyone have a solution?
http://www.dequeenofdeclutter.comApril 21, 2014 at 10:11 am #101666Lauren @ OnceCoupledMemberHey there,
I'm not fully understanding what you want. Your logo is showing up at 320 x 110px, how exactly are you wanting it to appear?
To decrease the height surrounding it, remove the padding from:
.site-header { background-color: #76d2c5; padding: 48px; padding: 4.8rem; overflow: hidden; }
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
April 21, 2014 at 12:22 pm #101693terribelfordMemberThank you, Lauren. What I'm trying to do is take this logo and make it much larger to fill the whole header. I realize 320x110 is too small but in the custom header section of the dashboard, it says "mages of exactly 320 ?— 110 pixels will be used as-is." so I assumed it would load at the size it needs to be. I can't seem to get it to scale to the full size of the existing header. I'm sure I'm missing something simple but can't figure out what.
April 21, 2014 at 5:48 pm #101748Lauren @ OnceCoupledMemberIn that case, you'd need to change the custom header dimensions in your functions file.
Custom Header Support: http://gregrickaby.com/genesis-code-snippets/#headerYou'll also need to update your CSS so the new image fits in your layout. Look for the header section of your style sheet and change the padding or dimensions of different areas there, as needed.
Best,
Lauren
We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com
April 21, 2014 at 8:07 pm #101784AnitaKeymasterJust to add a side note here - "as is" means as you have uploaded it. It will not take a 320 x 110 and stretch it out to fit the area. The Lifestyle Pro Theme has the support for custom header located in the functions.php file:
//* Add support for custom header add_theme_support( 'custom-header', array( 'header_image' => '', 'header-selector' => '.site-title a', 'header-text' => false, 'height' => 110, 'width' => 320, ) );
If you create a larger image - change the 110 and 320 to the size of your new header. Then upload the new header again.
Then go to your style sheet and look for this:
.header-image .site-title a { float: left; margin-bottom: 15px; min-height: 110px; width: 100%; }
Change the 110px to the size of the new header image.
Love coffee, chocolate and my Bella!
April 22, 2014 at 8:44 pm #101992terribelfordMemberThank you, AnitaC. What I am trying to figure out is what the actual size needs to be to fill the space of the default header in Lifestyle Pro. In other Genesis themes, I've been able to just upload an image and crop it to scale. how to I take an image that is the 110x320 and scale it to fit the existing header?
April 22, 2014 at 8:51 pm #101994AnitaKeymasterThe header width would be approximately 1068px wide without the 48px padding. Or, about 972px wide if you keep the 48px padding. You cannot scale an image that small to fit a space that large.
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.