Image Border

I added the image border to my stylesheet, and I like it around my product images, but not on my logo image, how do I remove the border from the logo image ONLY?

Site: https://www.halosweddingfavors.com

Add this to your stylesheet:

#logo img{border:none;}

What that does is effect all the img tags inside the div #logo. You can build up specific rules like this. So, what might be better is to put the border into only the product images specifically.

How did you add the image border in the stylesheet?
Could you please send the exact script.

Thanks

To add a border to all images the rule in the stylesheet would be:

img{
border: 1px solid #4d4d4d;
}

1px is the width of the border
solid is the style of the border
#4d4d4d is the color of the border

Thanks for the code.
However, when I do this, it adds a border even to the buttons. Incidentally, I have rounded buttons. Also to the logo image in the header and the bullets (images) in the category box. Have a look at http://raunharman.co.in/fashion_jewelry_store/index.php?main_page=index&cPath=8
So, this looks slightly odd.
Any help would be greatly appreciated.
Thanks.

So as niccol said, you would put the border on product images only.

.categoryListBox img, .listingProductImage, .productMainImage img {border: 1px solid #4d4d4d;}

I cant get this to work on my main page. the border only comes up on the specific product's info page.

http://www.thegearvault.com

indexpage is listing New Products but I can't get them to have a border there or in their category listing.

.centerBoxContentsNew img{
border:3px red solid
}

will do the New Products but I suspect you won't like the effect...

Likewise for the product listing:

.listingProductImage{
border:3px solid red;
}

I have included the suggested css in my stylesheet and it's not working. I'm trying to add a border to every product image on the site.

Well, the css that Glenn posted is a good solution for all the images. If it isn't working then you may not be adding it correctly to the correct stylesheet. We'd need to see the site to let you know....

this css is adding a border to some of the images, but i need a border around every product image on the site, including product info page images and additional product images, also including any product image that is in any sidebox. i'm sorry this site is on a local testing server, so i cannot provide a link. i hope someone knows the solution to this i really don't want to have to add borders to a few hundred jpgs in photoshop.

You will need to find the class or id tag that applies in each case, and change that in the stylesheet. The Firefox Web Developer extension is a good fast tool for finding this information. You can put all of these selectors in one list, and apply the border property to the whole list, similar to my post above.
Use the Web Dev "Edit CSS" button to test these one by one to make sure each selector is one you want to use.

The css that Glenn suggests should cover the images in product info in the default install of Zen Cart. Without a link it is hard to guess why it does not in your install.

All the images in various places can be targeted by appropriate css. You will need to find the various css rules and the best tool to work with for that task is the firefox web developer toolbar which will let you know the id and classes of elements that you wish to target.

There is an echo on this forum...

:smile: