Jump to content

How to change categories row height?

Recommended Posts

Hello everybody,

I am trying to setup my Prestashop and at the moment I was able to change the thumbnails size for the subcategories, however, the second row overlaps onto the first row of products or subcategories.

I am using BlackHawk 3.2 theme.

I uploaded a screenshot showing the problem.

My guess is that I have to change the height separation from each row of products or categories in the file product_list.css but I am not sure what do I need to modify.


Hope somebody can help me, this is very frustrating :(

Many thanks everybody,




Share this post

Link to post
Share on other sites

Hello NemoPS,


Thank you so much for reply.

Here is the site's category url: https://www.rocastmodels.com/store/index.php?id_category=19&controller=category

I believe the problem is caused since I changed the thumbnails size, the spacing for the grid is still the same for the old smaller 125x125 thumbnail and it overlaps onto to the first row.

I guess there must be something to modify in the product-list.tpl or product_list.css.


Hope somebody can help :(



I think I solved it, I modified the file category.css.

Under Sub Categories Styles I modified the following:

#subcategories ul li {
      float: left;
      width: 249px;
      margin: 0 0 13px 33px;
      text-align: center;
      height: 210px; }

I changed the height, and it seems that now the spacing is higher and the second row does not overlap the first row :)

Edited by Roca46
I think I fixed it

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


Important Information

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