Solved

Add padding to the top of the product grid ride theme

jkaiser1
Tourist
7 0 1

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

Accepted Solution (1)

Developer-G
Shopify Partner
3079 604 857

This is an 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;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

View solution in original post

Replies 4 (4)

migreen06
Excursionist
36 2 16

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.

Developer-G
Shopify Partner
3079 604 857

This is an 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;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter
jkaiser1
Tourist
7 0 1

Thank you! 

migreen06
Excursionist
36 2 16

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.