[solved] Product list homepage add margin

[Erwinmaes]

Hello,

 

I have a prodcut list (featured products on homepage module) that shows 3 products per row.

 

However, the thumbnails of the second row touch the 'view' and 'add to cart' button of the row above.

 

see : http://www.cleanpres.../shop/index.php

 

Can I (in the css files) add margin:10px; somwhere..?

[vekia]

global.css file located in your theme directory

 

you've got there:

.homefeatured ul li {
float: left;
width: 25%;
padding: 0 2%;
position: relative;
}

 

you can add margin: 10px; there

also you can add it to the image only

 

.homefeatured ul li img {
margin:10px;
}

[tdr170]

You can also change this to something like below, this will give paddings and margins and center the three products on the page.

 

.homefeatured ul li {

float: left;

width: 250px;

padding: 0px 20px 40px 100px;

position: relative;

}

[vekia]

@Erwinmaes don't forget to let us know of our suggestions above work for you as you expect

 

regards

[Erwinmaes]

It worked! I added margin:10px; to the following css :

 

.homefeatured ul li {

float: left;

width: 25%;

padding: 0 2%;

position: relative;

margin:10px;

}

[vekia]

thanks for confirmation

now i can mark this thread as [solved]

anyway, if you've got any questions related to this case - feel free to continue discussion here

 

regards