How to change header size for Home page and different for all other pages?

  • Hi everyone,

    I’m still new to wordpress so please bear with my inexperience. I’m trying to have my home page display a header size of 900×400 while having a different header of size 900×150 for all other pages.

    Is this possible? If so, how would I approach it? I’ve played around with the Featured Image setting but it won’t dynamically change the height of the image (its fixed based on the default).

    My website is https://www.guruflex.com
    And yes, I am using a child theme for Twenty Eleven.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • you need to target the body class, specifically for that page, in your css. something like body.home.page header#branding { your styles here } Take a look at the classes for the body on that page using firebug or inspect element.

    Thread Starter wudaddy

    (@wudaddy)

    Yep I found it but don’t really know what I should do. Under branding I have this:

    #branding {
    border-top: 2px solid #BBB;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
    }

    Don’t really see where it refers to the header image, or any place to change the size. Any advice?

    Here is the directions to do that – https://codex.www.ads-software.com/Function_Reference/get_header

    Thread Starter wudaddy

    (@wudaddy)

    Thanks for the link, but I’m still really confused. I don’t have any experience with PHP, only minor CSS. Can someone provide step by step directions to doing this?

    If I upload a file using the header upload option, how do I know what name its going to be called so I can refer to it using the PHP script? And where do I put the PHP script? Will I have to modify the existing header.php or make a new modified one for just this one specific header?

    Thread Starter wudaddy

    (@wudaddy)

    Nevermind, I hired another person to do it for me since I didn’t want to mess anything up. Thanks for your answers everyone!

    (He basically edited header.php to make that one page use a different header source than the remaining pages)

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change header size for Home page and different for all other pages?’ is closed to new replies.

Tags