How to change product grid

[marshall_lucas]

I know this question has been asked many times. How the heck do I change this

products-grid products-grid--max-4-col-widget

to

products-grid products-grid--max-3-col-widget

As you can see my page is out of whack. How do I fix it. What is the dir url of page to modify?

[Meetanshi · Accepted solution]

Hello @marshall_lucas 

Please follow the below steps for the solution:

1. Enable template path hints
2. Find the file path of that product list block. It seems to be widget block
3. If it is core file, then you need to override this file in custom theme
4. After that you can edit or change the file class as you want

Hope it is helpful.

[marshall_lucas · Accepted solution]

I edited the style.css file and made the grid row 100%.