Support » Themes and Templates » How do I make my website's page reach the top of the page?

  • Resolved Baseball05

    (@baseball05)


    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?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    Forum Moderator

    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.

    CPC Mike

    (@homergz)

    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;
    }
    Baseball05

    (@baseball05)

    Two words,

    1. Thank
    2. You!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I make my website's page reach the top of the page?’ is closed to new replies.