Make the distance between the cards bigger on my product page

Store Design
1

hi, i want to make the distance between the cards bigger on my product page. for example the image below. dawn theme - 6.0.2

URL: nightlightcity.com

pass: bowchu

ni3_0-1669606942069.png
ni3_0-1669606942069.png999×826 230 KB

2

@ni3 - add this css to the end of your base.css file and check, adjust number as per the need

@media screen and (min-width: 990px){
#product-grid .grid__item {padding: 10px;}
}
3

Hi @ni3 ,

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Add this CSS at the bottom

Online Store ->Theme ->Edit code

Assets → base.css

@media screen and (min-width: 750px) {

.grid {

    column-gap: 34px !important;

    row-gap: 34px !important;

}

}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

4

Hello @spoyled

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1669697358618.png
GemPages_0-1669697358618.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1669697629157.png
GemPages_1-1669697629157.png853×873 37.8 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team