Image product border

[sicness]

so here Im trying to put border only for the product image

a img {border: none;
border-color: #000000;

yes but when I set the size of a pixel to use its sets for all Images
but how can I set Image border only for products

thanks

[clydejones]

Try adding this to your CSS stylesheet:

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

[sicness]

and also I need to set this same thing to Product Details


and also the layout the Column Boxes to be snapped to the left/right and Upper border see www.e-storebg.com there is some pixels away form the left/right/upper border how can I fix it ?

thanks

[kobra]

sicness,


Off topic, but in viewing your site it loads slowly. Your small thumb image sizes are rather large. i.e. a mobo image was 124KB and you are loading many on your main and other pages. A small thumb should be in the range of 1.5-5KB. This would speed the loading of your site considerably. If you are interested:

I still adhere to the 3 image scheme, and I use a freeware utility 'easythumbnails' that allows batch conversion and naming.

So one can point to their images in the app, select the size to match the Zen smallest image and convert. Then with the same set change size to the medium dimensions, add suffix of _MED and convert. adjust the same for the large image ad suffix _LRG and convert. FTP these images to their respecitve folders on your site and Zen takes care of the rest.

It is here: ezthumbs

[clydejones]

The following should take care of the images:

.productListing-data img, #productMainImage img, #productAdditionalImages img {border: 1px solid #000;}

Try the following settings for your sideboxes:

#navColumnOneWrapper, #navColumnTwoWrapper {margin: 0 auto; font-size: 1em; padding: 0;}

[Berserker]

How do i put an image border on the New Products sidebox, New Products for May box on the main page and Subcategory images? What are the codes for them i.e. productListing-data img

[sicness]

How do i put an image border on the New Products sidebox, New Products for May box on the main page and Subcategory images? What are the codes for them i.e. productListing-data img

here

 .centerBoxContentsNew {border: 1px solid #000;}

I'm not sure but u can try at this moment I don't use this box

For the subcategory listing in New Products I have no idea but I will need this 10x and kobra 10x for the advice and for the help I will mind it.

[clydejones]

These should take care of these

#allProductsDefault img, 
#newProductsDefault img, 
#featuredDefault img, 
#specialsListing img, 
#whatsnewContent img, /*-> what new sidebox*/
#specialsContent img, /*-> specials sidebox*/
#featuredContent img /*-> feature sidebox*/

[sicness]

sicness,


Off topic, but in viewing your site it loads slowly. Your small thumb image sizes are rather large. i.e. a mobo image was 124KB and you are loading many on your main and other pages. A small thumb should be in the range of 1.5-5KB. This would speed the loading of your site considerably. If you are interested:

I still adhere to the 3 image scheme, and I use a freeware utility 'easythumbnails' that allows batch conversion and naming.

So one can point to their images in the app, select the size to match the Zen smallest image and convert. Then with the same set change size to the medium dimensions, add suffix of _MED and convert. adjust the same for the large image ad suffix _LRG and convert. FTP these images to their respecitve folders on your site and Zen takes care of the rest.

It is here: ezthumbs

pffffuuuuuuuuuuuuuuuuuuu Its became aa mess when I added images with a _MED and _LRG Suffix
and the problem with loading is the same just two more images are appeared in the product details page pleaseeeeeeeeeeeeeeeeeeeeeee someee ideasss


thanks

[sicness]

actually I need, when I click to the tumbnail image to popup the large ONE

I though that I can fix it form the tpl modules but the is full mess
requiers php files from every where once for the popup image one for the additional image one for the main image AND TOTALLL CONFUUUSEEE
can any one just give the source or to tell me how to make this changessssssssssssss pleaseeeeeeeeeeeeeeeeee

thanksss