How can I make 3 products per row instead of 4 as it is by default? 1.7

[wolwo2]

How can I make 3 products per row instead of 4 as it is by default? See here: https://monosnap.com/file/RQ6NHzeT7YbfmsIBvHiWFIxVCqIyZ0

 

[NemoPS]

It's using display:flex, it looks like it's enough to change the width of this

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container

You can add it as new style to custom.css

[wolwo2]

I'm a newbie to this, could you please add some additional steps or resource on how can I update it?

[NemoPS]

#products .thumbnail-container, .featured-products .thumbnail-container, .product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
width: 350px
}

Open your site's ftp, locate custom.css in the theme folder: themes\classic\assets\css and add the above.

You might have to adjust the inner content too. Open the dev tools (f12 on chrome), right click, inspect the element and see if it needs realignment. Bear in mind you should know some css to do this