Jump to content

show product in one line have 4 picture


Recommended Posts

In your file themes/name-of-your-theme/css/global.css you can replace

#product_list li {
float:left;
margin:0 10px 10px;
min-height:380px;
position:relative;
width:220px;
}


with

#product_list li {
float:left;
margin:0 10px 10px;
min-height:380px;
position:relative;
width:160px;
}



But you will also need to resize all the pictures

Link to comment
Share on other sites

In your file themes/name-of-your-theme/css/global.css you can replace
#product_list li {
float:left;
margin:0 10px 10px;
min-height:380px;
position:relative;
width:220px;
}


with

#product_list li {
float:left;
margin:0 10px 10px;
min-height:380px;
position:relative;
width:160px;
}



But you will also need to resize all the pictures



thanks for response, if i resize the width from 220px to 160px, then it will automatically change to 4 in one line? i will try it now, thanks so much
Link to comment
Share on other sites

  • 1 year later...

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...