Increase spacing between product images (Dawn theme)

[bellevo]

Hey, is it possible to increase padding between product images on collection page for both mobile & desktop view?

my store url: bellevodesign.com

The issue:

 Desired outcome:

 

[Anshul_arora · Accepted solution]

Hello @bellevo,

I understand you are looking to provide spacing between product listings.

Please add below mentioned CSS code at the bottom of the theme.liquid file before </body> tag and save.

[This code helps you to provide spacing between product images in both mobile and desktop view.]

<style>

li.grid__item.scroll-trigger.animate--slide-in {
padding-left: 13px !important;
}

</style>

Output -:

I hope the code helps you

Please share if you have any queries.

Thank you.

[bellevo]

Worked perfectly, thank you!