How can i remove this white space? I searched but can't find. Please help

Store Design

Topic summary

A user seeks to remove unwanted white space appearing above and below a size chart (“maattabel”) pop-up on their Shopify store.

Proposed Solution:

  • Navigate to Online Store > Themes > Edit Code
  • Open the base.css, theme.css, or custom.css file
  • Add CSS code targeting .product-popup-modal__opener and .product-popup-modal__button.link elements
  • Set margin to 0 and min-height to unset using !important flags

Status: The solution provider shared CSS code and a screenshot showing the expected result. The issue appears to be resolved pending user confirmation.

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

I want to remove the whitespace above and underneath the “maattabel”. The maattabel is a pop-up.

anivera.nl

Gracias!

Scherm­afbeelding 2024-08-10 om 03.42.05.png
Scherm­afbeelding 2024-08-10 om 03.42.05.png736×834 19.2 KB

2

Hi @Millione ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.product-popup-modal__button.link {
    min-height: unset;
}

.product-popup-modal__opener {
    margin: 0 !important;
}

Here is the result

BSSTekLabs_0-1723254942540.png
BSSTekLabs_0-1723254942540.png1380×672 32.8 KB

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!