Adding border to product images

[bradfour]

Hi

 

I am currently using a white page background and my product photos also have a white background.

 

To make my store look better I need to add a border to all my product images (all sizes). I could go and add a border to all the images in photoshop but I would prefer some code to fix this.

 

I was able to do this for the product page using a css override section on my current theme using this code I found:

 

#primary_block #image-block {

border: #f7f7f7 solid 7px;

height: 460px;

width: 460px

}

 

If possible I would like to apply similar code to ensure all product images sizes have a border so it is reflected through all my modules/pages.

 

Any help would be greatly appreciated. I am a novice when it comes to code but an expert at cut and paste

 

regards

Edited June 21, 2013 by bradfour (see edit history)

[shacker]

you can, but need to put the code in all css clases or id of the images

[bradfour]

Thanks for your reply, but I need more specific information to help me. I am unsure on exactly what files I need to edit or what code.

 

For example this is code is from a module with css file blocknewproducts.css

 

.newimage{

float:left;

}

 

.newdesc{

float:right;

width:100px;

margin-left:10px;

}

 

.product_images h5{

font-size:12px;

line-height:17px;

font-weight:lighter;

}

 

.product_images li{

margin:0px 0px 10px;

}

 

#blocknew .buttonpure{

margin:15px auto 0px auto;

text-align:center;

width:100%;

font-size:10px;

letter-spacing:0px;

padding:5px 0px 5px 0px;

display:block;

background-color:#eeeeee;

border:1px solid #ddd;

color:#888;

text-transform:uppercase;

 

}

 

Where would I be adding border attributes to the images? I don't mind going through editing for each module (I only have a few active which have images)

[vekia]

you will have to change many .css styles / files - but everything depends on theme that you use (and also prestashop version)

[bradfour]

I am using ver 1.5.4.1 and magari theme. I have tried contacting the theme developer but have had no success to date.

 

Anyways, I think it will be quicker for me to edit the images externally although a big job, than waste too much more time trying to figure out how to fix this with code. I know it can be done, just not how.