[Engraver]

I have tried to find a way to move the product image on the product page down. If you take a look at the site I'm working on, http://209.61.150.14/ProductDetails....uctCode=CFKM01
I would like the travel mug (and all my product pages) to be around 250 px lower. I guess I could change all my images to have more white space above or I could fudge it with uploading the image height greater, but if I can do it through html or css that would be the easiest and best solution. I've been able to move the whole page down in content css by changing FORM { MARGIN: 0px } but I want just the image column to drop. Any solutions?? Thanks in advance,

Jon
www.engravablesplus.com

[Nate]

without digging around too much for an answer, you should be able to place some absolute position code in the css file for the class for the photo (productphoto or something like that). you can just do vertical placement, too, which should leave the horizontal where it already is.

i imagine you'll have to add the same absolute positioning for the header above it as well.

[zevious]

You should be able to add the following to your css file:

#product_photo {
padding-top: 250px;
}

if that doesn't work, try:

#product_photo {
padding-top: 250px !important;
}

[memaddog]

Since the actual css id is on the img tag itself, padding will not do the trick. However, margin will add the spacing you desire. Adding:

#product_photo {margin-top:250px;}

will do what you want.

[Engraver]

Thanks folks!!! I'll give it a shot tonight when things settle down

Jon