Jump to content

How to enlarge pictures in product list? change from 3 to 2

Recommended Posts

  1. your center column is 530px wide so if you want to fit 2 product in a line you need to make the image larger than 165px, I would say 235px.
  2. in themes/ninabobo/global.css -> change line #1506 to: width: 235px;
  3. I also suggest spacing the "add to cart" & "view" buttons, To do it you need to insert between lines 1576 & 1577, margin-left: 25px;
  4. change line #1543 from: ul#product_list li div.center_block { min-height:250px; } to: ul#product_list li div.center_block { min-height:300px; }
  5. don't forget to regenerate your image after changes size preferences


Let me know if it's good enough.

Share this post

Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More