6 replies to this topic

[theautoguy]

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

Edited by theautoguy, 16 February 2012 - 04:36 PM.

[web-project]

Quote

Does anyone know how to do this?

using html table you can create the border around the images

[theautoguy]

web-project, on 16 February 2012 - 10:08 PM, said:

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.

[Kevin.Dallas]

don't use html, use your stylesheet

[theautoguy]

Kevin.Dallas, on 18 February 2012 - 12:54 AM, said:

don't use html, use your stylesheet

How can I do this on my stylesheet.

[actodc]

mattjt83, on 22 February 2012 - 12:17 AM, said:

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;}

[14steve14]

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.