[resolved] How do I make my website's page reach the top of the page? (4 posts)

  1. Baseball05
    Posted 3 years ago #

    My Website: http://www.penguincheatscp.x10.mx/wp/

    Hi, I am currently trying to make my page reach the top of my screen/page. As you can see there is a gap between my actual site's page and the top of the screen. I would like to make my site's page get to the top of the screen. What would be the code for this in my Style.css sheet?


  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Do not edit the Twenty Twelve theme. It is will be the default theme in WordPress 3.5 and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes. Or use a custom CSS plugin.

  3. CPC Mike
    Posted 3 years ago #

    Definitely take the advice above, especially when dealing with Twenty Ten/Eleven/Twelve.

    I suggest you get the Firebug addon for Firefox as it will make finding code much easier.

    Look for this line in your child themes style.css and remove the top margin:

    body .site {
      box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
      margin-bottom: 3.42857rem;
      margin-top: 3.42857rem;
      padding: 0 2.85714rem;
  4. Baseball05
    Posted 3 years ago #

    Two words,

    1. Thank
    2. You!

Topic Closed

This topic has been closed to new replies.

About this Topic