Solved

Product Grid Photos Spacing - Reformation Theme

noend
Tourist
9 0 5

Hi All - Happy New Year! I'm trying to figure out how to decrease the spacing of the photos in my product grid as the attachment shows below from the first photo to the second. Could someone please help me? My website is www.noenddenim.com - thank you so much!

 

截屏2024-02-23 上午9.38.17.png截屏2024-02-23 上午10.18.41.png

Accepted Solution (1)

diego_ezfy
Shopify Partner
2967 571 898

This is an accepted solution.

@noend , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > app.css and paste this at the bottom of the file:

[data-id*='product-grid'] > *{
    padding-left: 3px !important;
    padding-right: 3px !important;
}

 

diego_ezfy_0-1708714212429.png

 



If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

View solution in original post

Replies 2 (2)

diego_ezfy
Shopify Partner
2967 571 898

This is an accepted solution.

@noend , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > app.css and paste this at the bottom of the file:

[data-id*='product-grid'] > *{
    padding-left: 3px !important;
    padding-right: 3px !important;
}

 

diego_ezfy_0-1708714212429.png

 



If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

noend
Tourist
9 0 5

Thank you so much! It works right away!