How to change header size for Home page and different for all other pages? (6 posts)

  1. wudaddy
    Posted 4 years ago #

    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 900x400 while having a different header of size 900x150 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 http://www.guruflex.com
    And yes, I am using a child theme for Twenty Eleven.


  2. jeezyo
    Posted 4 years ago #

    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.

  3. wudaddy
    Posted 4 years ago #

    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?

  4. ravZen
    Posted 4 years ago #

    Here is the directions to do that - http://codex.wordpress.org/Function_Reference/get_header

  5. wudaddy
    Posted 4 years ago #

    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?

  6. wudaddy
    Posted 4 years ago #

    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)

Topic Closed

This topic has been closed to new replies.

About this Topic