Border around Product Listing Image

Hi,

How do I add a border around an image ONLY in the product listing page?

Add this to the css you are using :

.productListing-data img
{ border: 1px solid #000000;}

Of course using the color of your choice :)

Hope that helps :thumbsup:

Tina, this doesn't work. I don't have that ID .productListing-data img
located anywhere on my page. I'm using the latest version on zen if that helps any.

:schmoll:

.productListing-data img {
border: 5px outset #FFFFFF;
}

Cool effect.

:oops:shouldn't have copied

should be > #productMainImage img {

border: 5px outset #FFFFFF;
}

Cool effect.

I know you don't have it - just add it in. It isn't anything to modify it is an addition to the stylesheet.

You can control lot's of things by adding to the end of the supplied css.

Tina, I meant that that ID tag does not exist at all in my product listing page - using Firefox Web Developers >> Info >> Show ID, that ID does not come up. Because of that, when I do include that code into the stylesheet that I am using, nothing happens to my product listing images.

Before this thread, I tried putting some CSS into the stylesheet myself using some of the IDS that were related to the product listing, but was not successful.

I am using the columns module if that has an affect at all. :blink:

Please refer to the thread below, with solutions for added image border,

both for:

1. Normal Product Listing, without mod
2. Column Layout Grid, mod for Product Listing,

Product listing image borders

.

TurtleDove:

Tina, I meant that that ID tag does not exist at all in my product listing page - using Firefox Web Developers >> Info >> Show ID, that ID does not come up. Because of that, when I do include that code into the stylesheet that I am using, nothing happens to my product listing images.

Before this thread, I tried putting some CSS into the stylesheet myself using some of the IDS that were related to the product listing, but was not successful.

I am using the columns module if that has an affect at all. :blink:

Sorry then you and I aren't looking at the same page.

I looked at what I have always considered the product listing page and I changed it using FF CSS editor before I posted my reply.

I apologize.:sleepy:

seethrou:

Please refer to the thread below, with solutions for added image border,

both for:

1. Normal Product Listing, without mod
2. Column Layout Grid, mod for Product Listing,

Product listing image borders

.

thanks for the link seethrou :D . i guess my having the columns module affected it.