Solved

Reduce gaps between images

collins276
Trailblazer
212 1 32

Hi everybody,

I'd like to reduce the gaps between images here that would not affect their width.

Please check my url: https://189ee3-2.myshopify.com/ 

Thank you guys,

 

Screenshot (2).png

 

 

Accepted Solution (1)

techlyser_web
Shopify Partner
1423 268 282

This is an accepted solution.

Hello @collins276 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px){
  .slider-mobile-gutter .grid--3-col-desktop {
     column-gap: 0.7rem !important; /*adjust according to you*/
  }
}
</style>

techlyser_web_0-1711800962066.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 2 (2)

techlyser_web
Shopify Partner
1423 268 282

This is an accepted solution.

Hello @collins276 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px){
  .slider-mobile-gutter .grid--3-col-desktop {
     column-gap: 0.7rem !important; /*adjust according to you*/
  }
}
</style>

techlyser_web_0-1711800962066.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
collins276
Trailblazer
212 1 32

Thank you🙏😀