How can I increase product grid photo spacing in the Dawn theme?

Hi All - Happy New Year! I’m trying to figure out how to increase the spacing of the photos in my product grid. Could someone please help me? My website is www.zionpaper.com - thank you!

1 Like

@stargirl

sorry for that issue

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.grid {margin-left: -30px;} /* change value as you like */
.grid__item {padding-left: 30px;} /* change value as you like */
}
1 Like

@KetanKumar Thank you so much! It worked!!

1 Like

@stargirl

its my pleasure to help us

Hi This worked for creating the product space horizonatlly. Means it creates the spacing between 2 product horizonatally ( left to right ). I want to create the spacing vertically as well. Please help

1 Like

@Intekhab

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi, Please find the attatched Image. Looking for code for spacing beween products ( in product grid)

vertically.

1 Like

@Intekhab

can you please share your store url

Hi , my website is not live. I am sharing you clear screenshot. I want to increase the spacing between 2 products vertically and horizontally. Please share the code in dawn theme as possible. Sharing the screenshot again. Theme name is Dawn.

1 Like

@Intekhab

oh sorry, how can check this issue if possible to share preview url so i will guide you

i can see new post can you try this code