Edit Category.css to display 3 products per row in subcategories .

[jsgvisuals]

Greetings.

What I am trying to accomplish is to have 3 products per row in the subcategories row. It was showing 5 by default, and the thumbnail size of the containers was too small to really show my visitors the product in which I want them to see it..

I have played with #subcategories ul li  and #subcategories ul li .subcategory-image properties to achieve the spacing show in (screenshot 1).

My issue here is when i try match the width and height of my medium_default images (350x233) they begin to overlap each other, (see screenshot 2).

What I would really love to achieve is the same css effects that is on the actual product categorie page(see third screenshot)

 

does anyone know how to achieve this?

I really hope im not going overboard with trying to edit the css and this is something that could easily be achieved withing my images in BO

 

I am running ps 1.6.0.14 with default_bootstrap

 

I am new to css and am learning through the endeavors of changes to my site, so any suggestions and of course your patience with a ps newbie is greatly appreciated.

 

[musicmaster]

You should edit product-list.tpl.

 

In its header it has a variable declared:

{assign var='nbItemsPerLine' value=5}

 

That may not solve everything but it is at least the right place to start.