How to minimize padding between images

Solved

How to minimize padding between images

NikosBat
Trailblazer
404 1 75

Hello guys, how can i minimize the padding between this images?

 

1.png

Accepted Solution (1)

Moeed
Shopify Partner
7355 1994 2433

This is an accepted solution.

Hey @NikosBat 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider.slider--mobile {
    column-gap: unset !important;
    row-gap: unset !important;
}
</style>

RESULT:

Moeed_0-1742376514034.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 9 (9)

lynth
Shopify Partner
199 11 33

Hi, share your URL. Probably you can change gaps in the theme customization or a style file (gap attribute or padding).

If my tips are useful, just mark it as the solution. Cheers!
Feeling grateful? Buy me a coffee!
NikosBat
Trailblazer
404 1 75

Hello Lynth, I already have found the solution, but thanks for response, I appreciate it.

Mustafa_Ali
Excursionist
330 24 53

hey @NikosBat plz share the link of your WEBSITE so i can help you

NikosBat
Trailblazer
404 1 75

Hello MustafA16, I already have found the solution, but thanks for response, I appreciate it.

Moeed
Shopify Partner
7355 1994 2433

This is an accepted solution.

Hey @NikosBat 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider.slider--mobile {
    column-gap: unset !important;
    row-gap: unset !important;
}
</style>

RESULT:

Moeed_0-1742376514034.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


NikosBat
Trailblazer
404 1 75

Hello Moeed, thanks that has solved my problem.

Moeed
Shopify Partner
7355 1994 2433

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
829 171 187

Hello @NikosBat 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.grid {
column-gap: 5px !important;
row-gap: 5px !important;
}
}

result
40.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
NikosBat
Trailblazer
404 1 75

Thanks GTLOfficial, that has solved my problem.