Re: Add padding to the top of the product grid ride theme

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)

Guleria
Shopify Partner
3980 794 1133

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;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

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.

Guleria
Shopify Partner
3980 794 1133

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;
}
- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
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.