How to minimize padding between sections?

Shopify Discussion
1

Hello friends, how can I minimize the padding from those 2 sections? I want the button to appear a little more to the top. The first section is an image-banner and the second is a rich text with a button.

Bildschirmfoto 2025-01-01 um 15.19.42.png
Bildschirmfoto 2025-01-01 um 15.19.42.png2876×1450 316 KB

2

Hi @NikosBat

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
section#shopify-section-template--22328067621196__rich_text_B6PpkH {
    margin-top: -30px !important;
}

Here is the result:

image_720.png
image_720.png720×266 129 KB

I hope this helps

Best,

Daisy

1 Like
3

Hello @NikosBat

#shopify-section-template--22328067621196__rich_text_B6PpkH {
    margin-top: -30px !important;
}

If its helpful Hit Like button & Accept as solution Thanks

1 Like
4

Hello DaisyVo, I get the error that this code can’t be published when I try to save it

5

@NikosBat Can you give me screenshot ?

6

Hi @NikosBat

Please try again with this

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above 

{% style %}
section#shopify-section-template--22328067621196__rich_text_B6PpkH {
    margin-top: -30px !important;
}
{% endstyle %}
1 Like
7

Now its working thank your for your help guys

8

Hi @NikosBat

It’s great to hear that :heart: I would really grateful if you could mark our answer as a solution :heart:

Best,

Daisy