Agency Change Header Size

Community Forums Forums Design Tips and Tricks Agency Change Header Size

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  tavisme 1 year, 4 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #49318

    tavisme
    Participant
    Post count: 60

    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
    #49340

    pxforti
    Participant
    Post count: 68

    Hi

    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


    writeNowDesign
    WordPress and Ecommerce Website Design

    #49359

    tavisme
    Participant
    Post count: 60

    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?

    Terri

    #49361

    pxforti
    Participant
    Post count: 68

    Terri,

    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


    writeNowDesign
    WordPress and Ecommerce Website Design

    #49427

    tavisme
    Participant
    Post count: 60

    Thanks so much. that did the trick! I learned something new as well!

    #49725

    tavisme
    Participant
    Post count: 60

    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.

    #49726

    pxforti
    Participant
    Post count: 68

    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
    ) );


    writeNowDesign
    WordPress and Ecommerce Website Design

    #49729

    tavisme
    Participant
    Post count: 60

    Perfect! Thanks again. I really appreciate your help!

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Agency Change Header Size’ is closed to new replies.