In order to switch the display of the subcategories from Prestashop from list to grid, follow these steps.
Look for “/themes/prestashop/css/category.css”.
Find this code
1 2 3 4 | .inline_list li {
padding:10px 0;
border-bottom:1px dotted #ccc;
} |
Replace it with:
2 3 4 5 6 7 | .inline_list li {
padding:20px 0;
border-bottom:1px dotted #ccc;
float: left;
width: 185px;
} |
Find this code:
3 4 5 6 | .inline_list li .cat_name {
font-weight:bold;
font-size:13px;
} |
Replace it with:
4 5 6 7 8 9 10 | .inline_list li .cat_name {
font-weight:bold;
font-size:13px;
clear: Both;
display: block;
margin-left:15px;
} |
Notice that if you use a custom made theme, you might not have category.css.
The default Prestashop theme has.