X-Cart forums

[mrerotic]

How can I give a border color around each product (only on the outside) on multi product view. So basically I have 3 products per row being shown under each category. I want all three to wrapped in individual borders. How can this be done?

Thanks In advance.

[WhiteDoveGifts]

I'd like to do that too...

[ChristineP]

v4.2 Look in your main.css to find "Products list" styles

v4.1.10 Look in your skin1.css
You will find these styles
TD.PListImgBox
DIV.PListImgBox

[mrerotic]

well i found products-list and I have tried all variables there by adding 'border: 1px #000 solid;' with no luck. Any other suggestions. I do appreciate it.

[RichieRich]

in my opinion, even better would be to have a border in between to seperate, not on the outside

[alec.thomas]

you would need to change this in main.css

 
.products-list .image {
float: left;
position: relative;
padding: 3px 20px 3px 10px;
margin-right: auto;
}

with this

 
.products-list .image {
  float: left;
  position: relative;
  padding: 3px 20px 3px 10px;
  margin-right: auto;
  border: thin solid #000000;
}

[RichieRich]

Hi Alec, I meant the thumbnails in columns

[alec.thomas]

Okay, I misunderstood where you want to do this. To add a border around category thumbnails, Add this line of code to your main.css

 
/*
Adds border around category images
*/
div.subcategories img {border: thin solid #000000;}

and to add a border around featured products, and sub-category thumbnails add this code to main.css

.products-list img{border: thin solid #000000;}

add a different stlye by putting your css in the curly brackets.

[RichieRich]

really appreciate your help and knowledge, what I am after is for the featured products in columns to have a border in between the images, but not on the outside if this makes sense?

For exampe: O | O | O ... where the O is product and the | is seperater

[alec.thomas]

Please give me a link to your site so I can see how its laid out. It's too hard to figure out what your trying to do without looking at your site.