How to remove blank space above section when Top Padding is already at 0

Store Design

Topic summary

A user encountered unwanted blank space between two sections on their product page, despite setting top padding to 0. The issue persisted even after adjusting padding settings for both sections.

Solution provided:

  • Add custom CSS targeting the specific section element
  • Use display: none on the h1 element within the padding class
  • The CSS snippet targets .section-template with a specific ID related to the feature padding

Outcome:
The solution successfully resolved the spacing issue. The thread is marked as resolved with the original poster expressing gratitude for the quick assistance.

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

Hi! There is some blank space between two sections on my product page and I can’t find a way to remove the blank space. I’ll leave an image below of what I’m talking about. If possible, I would like to reduce the amount of white space.

As mentioned in the title, I have tried adjusting the padding for the both sections, however they are already as low as they can go.

Here is a link to my store: https://nuvocollection.com/products/london-claw-in-champagne-dust

Screenshot 2024-01-23 at 17.48.51.png
Screenshot 2024-01-23 at 17.48.51.png3024×1176 282 KB

2

Hey @Theo_Bee ,

Just add this onto the Custom CSS

.section-template--18223734784291__ss_feature_6_mpUDwt-padding > h1 {
    display: none;
}
1 Like
3

Thanks again - you’re helping me a lot today ! :slightly_smiling_face: You’re a wizard!!!

Kind regards

Theo

4

Haha, you’re welcome!