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
