Archived

This topic is now archived and is closed to further replies.

theautoguy

Want border around images

7 posts in this topic

When you are viewing the products on the home page and/or clicking thru categories, I am wanting to put borders around the products. Right now the images are next to one another with the title and price underneath. I want to show some seperation with borders around them.

 

Does anyone know how to do this?

 

Thanks

 

FYI WORKING WITH VER 2.3.1

Share this post


Link to post
Share on other sites
Does anyone know how to do this?

using html table you can create the border around the images

Share this post


Link to post
Share on other sites

using html table you can create the border around the images

 

Do you know how to do this? Or what the code would be? I could not find a contribution or forum for this for 2.3 version.

Share this post


Link to post
Share on other sites

in your .css file:

 

img {border:1px solid #000;}

 

-or- if you want only images with a certain class

 

img.yourclass {border:1px solid #000;}

Share this post


Link to post
Share on other sites

In your includes/modules/new_products.php find

 

$new_prods_content = '<table border="0" width="100%" cellspacing="0" cellpadding="2">';

 

change it to

 

$new_prods_content = '<table border="0" width="100%" cellspacing="10" cellpadding="2">';

 

This adds spacing between the cells within the table.

 

Then in the same file find

 

<td width="33%" align="center" valign="top">

 

and change it to

 

<td width="33%" align="center" valign="top" class="newproductsbgtd">

 

Then in your stylesheet.css add

 

.newproductsbgtd {

background: #ff0000;

border: solid 1px #ffffff;

-moz-border-radius: 10px;

border-radius: 10px;

}

 

Alter the two colours to match your site.

Share this post


Link to post
Share on other sites