Reduce the spacing slider and collections

Store Design
1

ss1.png
ss1.png2880×1376 815 KB

Hello everyone,

When the spacing-secting section on the right is 0.5rem, we get the look we want. But we couldn’t find this part in the edit code section. I would be very happy if you can help. Thank you in advance for your support.

Best regards.

1 Like
2

Hi @Wunderbatterie ,

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.collection.px-rail.py-section.space-y-7.border-b.border-primary-section-border {
    padding-top: 2rem;
}

Result:

Ribe_Dagandara_0-1690918048295.png
Ribe_Dagandara_0-1690918048295.png807×226 46.9 KB

If its not enough you can reduce more. the original size is 4rem.

I hope it help.

3

Thank you very much. Amazin.

Thank you for your quick solution.

1 Like