Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Category Image Borders

Category Image Borders

Locked

Views: 1,466

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
19 Dec 2006, 5:03 AM
#1
heavenlylingerie avatar

heavenlylingerie

New Zenner

Join Date:
Sep 2006
Posts:
22
Plugin Contributions:
0

Category Image Borders

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/store/index.php?manufacturers_id=10&main_page=index

Thanks

Amanda
https://www.heavenlylingerie.com.au

19 Dec 2006, 6:05 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category Image Borders

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;
     }
19 Dec 2006, 6:22 AM
#3
heavenlylingerie avatar

heavenlylingerie

New Zenner

Join Date:
Sep 2006
Posts:
22
Plugin Contributions:
0

Re: Category Image Borders

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

19 Dec 2006, 6:28 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category Image Borders

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.

8 Jan 2007, 10:30 PM
#5
fymbscu avatar

fymbscu

New Zenner

Join Date:
Jan 2006
Posts:
38
Plugin Contributions:
0

Re: Category Image Borders

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

9 Jan 2007, 5:03 AM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Category Image Borders

FireFox and the web developers tools also an extention named ardvark