How to minimize padding?

Shopify Discussion

Topic summary

A user needed help reducing the top and bottom padding in a specific section of their Shopify store, as shown in their screenshot.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the closing </body> tag

The CSS targets:

  • Collection title wrapper margins
  • Slider and heading margins
  • Section padding-bottom (reduced to 5px)

The solution successfully resolved the padding issue, with the user confirming it worked as intended.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello friends, how can I minimize the padding in this section? top and bottom.

Bildschirmfoto 2024-12-30 um 13.42.27.png
Bildschirmfoto 2024-12-30 um 13.42.27.png2870×1358 170 KB

2

Hello @NikosBat

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 on theme.liquid

.collection__title.title-wrapper{ margin-bottom: 0 !important; } ul#Slider-template--22328067621196__featured_collection_46dN39, .collection__title.title-wrapper.title-wrapper--no-top-margin h2{ margin: 0 !important; } .section-template--22328067621196__featured_collection_46dN39-padding{ padding-bottom: 5px !important; }

RESULT:

Tech_Coding_0-1735563747571.png
Tech_Coding_0-1735563747571.png1346×504 28.7 KB

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

1 Like
3

Hello Tech_Coding, thank you that has solved my problem