Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Reduce Space Between Header & Site Content – TwentyTwelve Theme

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #151154
    Design Locker
    Participant

    Hello all,

    This question might be a bit simple for you guys here but here it goes anyway.

    I’m using a WordPress twenty twelve child theme and I am trying to remove the white space between the header area and site content area on the HOMEPAGE only. I want it at just one pixel.

    Current CSS settings;

    .headcontent {
    margin: 0 auto 1px auto;
    }

    .home .site-content {
    margin: 0;
    padding: 0;
    }

    See http://www.fhstyle.ie/wip

    #151157
    Paulie_D
    Member

    I can’t see what specifically is causing this.

    As a ‘hacky’ fix you could try

    body.home #content {
    margin-top: -23px;
    }
    

    Otherwise there must be something in the home page template settings.

    #151159
    Paulie_D
    Member

    Then again, it could be that the header h2 is set to display:none but the header size is still taking effect.

    So you could also try

    #post-6 > header.entry-header {
    display:none;
    }
    

    I think that’s better. than the previous option.

    #151162
    Design Locker
    Participant

    Thank you so much Paulie_D, the display:none option worked perfectly.

    I previously had the code below but when I changed it to your suggestion it fell into place nicely.

    page-id-6 #content .entry-title {
    display:none;
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.