index.php sits higher than all pages. header issue?

  • My index page is sitting higher than the rest of my pages. It seems like there is padding both above and below the header image on the various pages, but not on index.php. I can’t figure out where this is coming from. I searched the forums, but only one result was close, but it was related to an extra
    in the code, mine is not, I think. Any help? Thanks!

    https://wallingfarm.team-tea.com

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

  • The padding-top property in the index page is smaller than the one in the single pages. In the index page it is :

    padding-top: 31px;

    While in normal posts it is:

    padding-top: 36px;

    The property for this is .wrapper. You should make them the same and it will be fine.

    Thread Starter spectrejazz

    (@spectrejazz)

    Thanks WPProHelp for the info.

    I tried out the 36 for the .wrapper in the style sheets. It did lower everything a bit, though not to the extent of the other pages, but what I would really like to do is have everything else higher. Also, there is additional space on the linked pages both above AND below the header image… Anymore thoughts?

    If you want everything a little higher simply make a smaller value than 36, such as 28 or so.

    As regards the space between the header and the content of the pages, that is the space allowed for the h1.entry-title. Check for entry-title in your css and reduce the size. Currently it is 710 x 29

    Thread Starter spectrejazz

    (@spectrejazz)

    Thanks for the info! I will try that this morning. What does the index and posts use, if the pages from the page template are different. It seems that changing one variable can’t possibly bring the two into parity… Could someone explain that?

    Thread Starter spectrejazz

    (@spectrejazz)

    Yes, that wasn’t it either…

    There is something different between the two groups, one group consisting of:
    index.php (https://www.wallingfarm.team-tea.com/)
    and posts (https://www.wallingfarm.team-tea.com/canning-plums/),

    the other consisting of pages from the page template (https://www.wallingfarm.team-tea.com/permaculture/).

    The group of pages from the page template render with space at the top and bottom of the header image, the other group does not. I need to figure out how to make these two groups the same in regards to this anonymous space. Thanks again for the help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘index.php sits higher than all pages. header issue?’ is closed to new replies.