All things Shopify and commerce
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
Solved! Go to the solution
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;
}
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.
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;
}
Thank you!
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.
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025