Borders around images

[CabernetCat]

I don't doubt that this has been answered more than a few times... but I've dredged this forum looking for a straight answer... and I can't find it. In fact, I had the answer to this 12 months ago, and now I cannot remember how I did it (the site where it was done is not longer operational) http://www.zen-cart.com/forum/showthread.php?t=148206

Can someone please tell me where I change the border colour and width for the main image and the additional images?

Cheers!

[rbarbour]

do you have link to current site?

[CabernetCat]

Nope, sorry. It's in dev on a local PC.

[rbarbour]

try this for the additional images:

.additionalImages Img {
border:1px solid #FF0000;
}

see if that works

[rbarbour]

try this for the main image:

#productMainImage {
border:1px solid #FF0000;
}

see if that works, I am assumming you are talking about the images on the product_info page

hope this helps!

[CabernetCat]

product_info=yes
ummm... in which file?

[CabernetCat]

Hope someone can help me out here.... cause I can't work this out.

http://esotericbynature.com/ebn_test...&products_id=4

1. The thin purple border around the entire group of additional images... where does this come from?
2. Is there a way to have to border around the main image, only be around the image, not the image and the 'larger image' text (new borders displayed in red for viability)

[haredo]

Hope someone can help me out here.... cause I can't work this out.

http://esotericbynature.com/ebn_test...&products_id=4

1. The thin purple border around the entire group of additional images... where does this come from?

Ca,
Locate this:

ebn_test/includes/templates/theme325/css/stylesheet_main.css

Find this:

#productAdditionalImages {
border:1px solid #76548E;
margin:10px;
padding:10px 0;
}

The highlighted red font above is your fix.. Comment it out or just delete it..

[rbarbour]

for the thin purple border, in your stylesheet_main.css file

find:

#productAdditionalImages {margin:10px; border:1px solid #76548e; padding:10px 0px;}

change to:

#productAdditionalImages {margin:10px; border:0px solid #76548e; padding:10px 0px;}

[CabernetCat]

Thanks guys,

Got item 1 sorted. any ideas on the border around the main image?