Page off center

  • Resolved nca87

    (@nca87)


    12 years, 11 months ago

    Hello,

    I have just downloaded the plug-in WP Maintenance mode, and I think it’s great. But the only thing is that the box is so far down on the screen, I just want it centered.

    View: Mysite

    Here is what is says on the style.css (if this is what I change)

    [CSS code moderated – a link to your site is enough to access the stylesheet]

    Any sugesstions?
    Thank you

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

  • The issue is there’s is a top padding of 200px on the body, which obviously pushes everything down 200px. The problem is it’s set up to use an image for a background, so you can’t just get rid of the top padding, or the content won’t stay in the right place in relation to the image.

    So here’s what I did to bring everything up somewhat:

    body {
   background: #548A32 url('images/bg.jpg') center -80px no-repeat;
   font-family: Arial, Verdana;
   color: white;
   font-size: 14px;
   padding-top: 120px;
   width: 700px;
   margin: 0px auto;
}

    There’s two changes in here from the original. One, I changed the background position from center, top, to center -80px, which moves the background image up 80px. And then I reduced the top padding from 200px to 120px.

    If you want it brought up more, you can change that 80px to whatever, and then make sure the padding stays in relation to that.

    Thread Starter nca87

    (@nca87)

    Thank you for this! It worked perfectly, I didn’t realize about the image backround. I appreciate the help, and I will keep in mind about the coding next time.

    Thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page off center’ is closed to new replies.