Borders around images

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!

do you have link to current site?

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

try this for the additional images:

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

see if that works

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!

product_info=yes
ummm... in which file?

they would have to be added to your stylesheet.css

includes/templates/CUSTOM_TEMPLATE/css/stylesheet.css

Thanks, I'll check it out!

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

http://esotericbynature.com/ebn_test/index.php?main_page=product_info&cPath=11_1&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)

CabernetCat:

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

http://esotericbynature.com/ebn_test/index.php?main_page=product_info&cPath=11_1&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.cssFind 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..

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;}

Thanks guys,

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

CabernetCat:

Thanks guys,

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

ideas, what are you trying to do?

CabernetCat:

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

http://esotericbynature.com/ebn_test/index.php?main_page=product_info&cPath=11_1&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)

I'm trying to achieve item 2. - confining the border to just the image.

Ca,
You will add this to your stylesheet.css

#productMainImage img {border:5px outset #FF0000}and get rid of this:
#productMainImage {
border:5px solid #FF0000;
}Change to this:
#productMainImage {
border:0px solid #FF0000;
}

Thank's Mark. Worked a treat!

Your Welcome, glad I could help you solve your issue ..