I am using the Agency theme and need to change the header size to 200px in height.
I tried to change it on the style sheet but that shifted everything else.
Also, I would like to change the background color of just header area. I see the background repeat setting, but I am not sure how to change the code to adjust the color.
My header will have an image, so I was going to change the header background to a color to match the header.
I searched this forum but couldn’t find a definitive response.
I appreciate help please.http://www.treybaker.com
If you make your header 200px high, then everything below the header moves down. That’s ok, but you’ll have to modify your body background image to make it match up with the new header height.
Your background image in your themes images folder images/bg.png
Thank you so much for your response. I apologize but that is a bit beyond my knowledge.
Do you mean that I will need to upload the background image to that folder?
There is already a background image in that folder called bg.png. That image is what creates the different colors and textures in the top of your site. If you open that file in photoshop or any image editor, you will see it’s just a sliver that repeats across the page horizontally. If you change the header height, then things don’t line up with the background image. You have to add 85px to the top of that image and make it black because the top part is already black. Make a backup of the original image first just in case you make a mistake or want to switch back
Thanks so much. that did the trick! I learned something new as well!
Well, I thought my problem was solved, but I have a new issue. I was able to increase the header size with the new bg.png image but the Header upload still limits the allowed size to 115px in height.
I am trying to upload a transparent image overtop the background.
I looking for suggestions on how to upload an image that is 200px tall.
Thanks for any help.
In your theme’s functions.php file, look for a line similar to this:
You can change the width and height there.
/** Add support for custom header */
add_theme_support( ‘genesis-custom-header’, array(
‘width’ => 1140,
‘height’ => 100
Perfect! Thanks again. I really appreciate your help!
The topic ‘Agency Change Header Size’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.