Add padding to the top of the product grid ride theme

[jkaiser1]

Hi there,

I would like to add some padding to the top of the product grid of my website. The default settings of the ride theme won't allow me to do it. 
URL to product page I am referring to: https://shop.leukaemia.org.au/collections/all

[migreen06]

Hi,

There are several possible ways to do this. I need a little more info. In your theme builder, do you see a box that says something similar to "add CSS" or "custom CSS"? Often at the bottom of the left side panel if you scroll all the way down.

[Guleria · Accepted solution]

Hello @jkaiser1 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.collection.page-width {
    padding-top: 2rem;
}

[jkaiser1]

Thank you! 

[migreen06]

Just fyi that will change EVERYTHING that has that class name (collection.page-width). Which might be what you want, but I figured it was worth mentioning.