Category Image Borders

[heavenlylingerie]

I have managed to put a border around the product images by using this code in my css file;

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 1em 1em 1em 1em ;
border: 1px solid #9a9a9a;
height: 1%;
}

however, I can't get the border around the images in my category or subcategory.

http://www.heavenlylingerie.com.au/s...ain_page=index

Thanks

Amanda
www.heavenlylingerie.com.au

[kobra]

try this for one of them others will require a div be defined...

Find and or ADD to your style sheet:

.listingProductImage {
     border: 1px solid #9a9a9a;
     }

[heavenlylingerie]

thanks - but I did try this and it didn't work. I can use the

a img {border: 1px solid
color: #e2e2e2;}

but I need to remove the border from the header_bg image.
thanks

Amanda

[kobra]

thanks - but I did try this and it didn't work

Are you sure that you viewed the correct images??? I did this with FF interactively on your linked page and it worked.

[fymbscu]

Hi guys,

A very helpful thread here. After my orginal attempts like Amanda to add the border to the "a img" tag and ending up with a border on my logo and buttons, following Kobra's lead, I now have borders on my product and listing pages.

However, this work is incomplete for me. I want to match this look and feel wherever my new products listing shows up. How do I reference the images in the sideboxes (excepting buttons, aka "Search") and/or the images in the New Products centerbox display?

Kobra, maybe you could enlighten us as to how you determined that ".listingProductImage" was the missing CSS tag to get these image borders to work. I tried making similar tags, such as ".products_newProductImage" to no avail.

Two further refinements, if possible.
1) On the individual products page, the border includes the "larger image" text within it. Can the border be moved to just the product image itself, and if so, how?

2) The images in the larger image popup window lack the border. How do we add the border to these images?

Once again, a great thread. Thanks for the help.

Regards,

Mark Harrison

[kobra]

FireFox and the web developers tools also an extention named ardvark