Jump to content

Products border


Recommended Posts

Good night for all!!

I'm trying to put a border on each product to separate them but I'm having some difficulties.
Would you like to leave as the attached picture called "Image1" but I'm changing the global.css this and getting as attached image called "Image2". 
Could someone give me a hand?
The original image is "Image3".
Thank you!
 
prestashop 1.5.5.0
url: www.shopsensual.net

post-696344-0-88619200-1382920252_thumb.jpg

post-696344-0-65730400-1382920254_thumb.jpg

post-696344-0-24257500-1382920256_thumb.jpg

Edited by paulormf (see edit history)
Link to comment
Share on other sites

you've got this because after change there is not enough space to display 4 products per line.

what to do? decrease margin-right param to 10px, increase width param to 140px; and add margin-bottom:10px;

#product_list li {
float: left;
margin-right: 10px;
height: 315px;
width: 140px;
background-color: transparent;
list-style-type: none;
border: 1px solid black;
margin-bottom: 10px;
}
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...