X-Cart forums

[epic]

Can someone please tell me a simple way to put a border around 'every' product image, including thumbnails. Cheers

[Needlejig]

add this to your CSS. You can change the style, color and width to whatever you like.

.product-details img {
border-style: solid;
border-color: #ff0000;
border-width: 1px;
}

[epic]

That's great! It worked a treat, thank you very much!

I do need the same for all product pics on the site, thumbnails and category pics. If you could help further I would be most grateful.

[Needlejig]

Let me know what the site URL is and I will take a look.

[epic]

www.eternalflow.biz

[Needlejig]

Simply change the .product-details from the last one to .content and see if that is what you are looking for. So it looks like this:

.content img {
border-style: solid;
border-color: #ff0000;
border-width: 1px;
}

[epic]

Once again, thank you!.. That's the product details pic and thumbnails done... the only pics without the border now are the category pics. Is that easy to solve?

[Needlejig]

Just add the same border to the center-main div images.

#center-main img {
border-color:#51050F;
border-style:solid;
border-width:3px;
}

[epic]

You don't know how much stress you've saved me from! Your knowledge is unbelievable!
The centre main images now have a border too! There is an issue with the table size for these images obviously being too small as the right hand border is cut off, probably as the photo is larger than the table size. Because of the amount of help you've given so far I feel embarrassed asking where I'd alter this sizing. If you know, my day would be complete, but if not then you have already helped more than you know... Thank you

[Needlejig]

I just sent you a PM. You also might want to think about doing something with your speedbar at the top of the page. It is barely visible with some page widths.