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
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024