SPACING BETWEEN PRODUCT THUMBNAILS

Hi,

How can we reduce spacing between product thumbnails on category pages?
We are planning to use all info on hover and we want the spacing to be quite smaller, like 6 or 10px.

Thank you!

Hi,

Use the following CSS code snippet

.products {
    margin-left:-10px;    
  	margin-right:-10px;
}

.products .product {
    padding-left:5px;    
  	padding-right:5px;
}

Regard

Hi,

Thank you, we want the space to be reduced at top and bottom as well, now is just reduced left and right.
Also, if we use site width as wide (1600px) instead of full width, we have black lines showing through on the left and right of the thumbnails. Since we have full text on hover, is that what is showing there? How to remove those black lines?
The problem is not visible on full width, just wide (1600px) site width.

Please see attached file

Thank you.

Attachments:

You must be logged in to view attached files.

Add this code also

.basel-hover-info {
	margin-bottom:10px
}

.basel-hover-info img {
	width:100%;
}

Regards

[Author]

Posts