Hi folks,

 

I'm trying to understand why I can't shift what looks like an image in a wordpress template I've got. I can move the header contents but can't seem to shift the body image.

 

I have pasted the code below in the hope that it's something straightforward with the css. It is set up with a float left style and I have tried changing it to a position style, try adding padding style to it but all the moves is the content itself not the image.

 

Can anyone out there help point out how i get it to move (I only want it to shift a few pixels lower!) Let me know if you need more code or anything else, I'm just trying to limit pasting code that seems irrelevant.

 

Thanks

 

Andy

 

/* BODY */



#body{

width:100%;

float:left;

background:#ffffff url(images/body_bg.gif) no-repeat;

}



#body_left{

width:725px;

float:left;

padding-bottom:40px;

}



#body_right{

width:275px;

float:right;

}

Try add this to the last line of your #body styles:

 

background-position: 5px 10px;

 

where the first value, 5px is x co-ordniate from the top left of the screen, and 10px is the y co-ordinate. Change them to what you need to position it correctly.

 

Without seeing a link, however, this is just a stab in the dark based on what you posted. Do you have a URL?

If it the background image that needs moving something like this should work:

 

background:#ffffff url(images/body_bg.gif) no-repeat 10px center;

 

That should move the image 10px down.