New Shopify Certification now available: Liquid Storefronts for Theme Developers

How do I remove spacing between elements?

1 0 0

I am trying to remove the gaps between all of these elements. I'm not quite sure how to fix it. Any ideas? 




Sorry haven't optimized for desktop yet only mobile.





Reply 1 (1)
Shopify Expert
2919 388 411

Hi @Loirelamour ,


1. Go to your Online store => Themes => Edit Code 

view - 2023-08-30T170803.088.png


2: Find  base.css file  and paste this code at the bottom of the file:

view - 2023-08-30T170924.422.png


The code i used: 

.jdgm-carousel-wrapper {
  padding : 5px 0 !important;

 3: Save and hope you get the result like the image @Loirelamour :

view - 2023-08-30T171053.126.png

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development