Shopify themes, liquid, logos, and UX
hi guys,
how do i use up or remove the extra white space on my products page because i feel like my products are too small. im using dawn theme v15.1
id be really grateful if someone guided me.
Solved! Go to the solution
This is an accepted solution.
To remove the space follow the below instructions:
1. Go to 'Online Store' -> Themes -> Edit Code
2. In the assets folder locate the file 'base.css'
3. At the bottom of the 'base.css' file paste the below code
/* Remove space in collection grid */
.collection.page-width {
padding: 0;
}
This will slightly increase the size of the product cards.
A better way in my opinion, to make the product cards larger is by reducing the number of products per row in your theme's customization settings.
This is an accepted solution.
To remove the space follow the below instructions:
1. Go to 'Online Store' -> Themes -> Edit Code
2. In the assets folder locate the file 'base.css'
3. At the bottom of the 'base.css' file paste the below code
/* Remove space in collection grid */
.collection.page-width {
padding: 0;
}
This will slightly increase the size of the product cards.
A better way in my opinion, to make the product cards larger is by reducing the number of products per row in your theme's customization settings.
Just as you said it did slightly increase the size of the product cards but not exactly what I was aiming for,
I wanted it to look like this, is there a way to do so? Thank you.
If the product card reaches a certain width and height, it won’t fit in a 4-column row. Have you tried reducing the number of columns to 3? You might prefer it.
It's an acquired taste haha, anyways thank you for the help
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025