(SOLVED) Adding space or padding on product page

[ShirtSeller]

Hey all,

Trying to add a little space or padding on the product page. I'd like to have a little more under the larger, main product image so that the small thumbnails are not touching it. I'd also like to add a little space between each thumb picture.

Thanks & see attached for a visual or http://rightrockclothingco.com/store/product.php?id_product=21 is my site to see the whole page.

Joe

[shindigDADA]

i would test
#thumbs_list li


you might be able to add padding there-
if you use firefox- there's a great plugin that allows you to see what css is controlling what element
its called firebug

http://getfirebug.com/

[ShirtSeller]

Thanks for the suggestion shindig.

Thanks to Mark at ezytrader.com (great template!):

~ line 216 of the global css find

#thumbs_list li{
float:left;
cursor:pointer;
}

Change it to this...

#thumbs_list li{
float:left;
cursor:pointer;
padding-top: 10px;
padding-right: 2px;
}

[mwilsonuk]

Hi Joe,

Love your shop and the way you've modified the ET-Autoshop theme.

Can I ask you a question?

I'm currently modifying this theme for a client who sells motorbike accessories, all is going well but I can't seem to get the javascript slider images to work as correctly.
I want to replace the cars that come with the theme with motorbikes like you've done with your t-shirt designs. When I place my bike images on the header-mid.psd supplied and then crop the image at 660x209 it leaves a black line or border on the right side of the image which then shows when the slider is playing.

How did you go about modifying your own images for this section?

Cheers
Martin

[ShirtSeller]

Hi Martin,

Shoot me your email and I'll send over some info.

Joe