en Jump to content
  • 0

How to change categories row height?


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

2 answers to this question

Recommended Posts

  • 0

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