Pop up design

Store Design
, ,

Topic summary

A user needed help customizing a popup newsletter form in Shopify’s Dawn theme, specifically:

Issues identified:

  • Close button (‘X’) appearing invisible due to black color against black background
  • Bottom portion of popup cutting off the email input box

Solution provided:

  • Navigate to: Online Store → Themes → Actions → Edit Code → Assets → custom-subscriber-popup.css
  • Add CSS code targeting #customNewsletter__close with color: white and .customNewsletter__container with height: 55vh !important

Outcome:

  • Solution successfully resolved both the close button visibility and email box cutoff issues
  • User accepted the solution and purchased a coffee as thanks
  • Required deleting cookies to view the updated popup changes
Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

Does anyone know how to make the ‘X’ / close button appear in white on the pop up in Dawn theme? I think it’s currently black because it’s not visible against the black background. Also, I was hoping the bottom part of the pop up could be extended so it’s not cutting off the email box…

Url: gokink.com

socconnor_6-1726054325821.png
socconnor_6-1726054325821.png886×609 235 KB

Thanks so much,

Steve

2

Hello @socconnor

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->custom-subscriber-popup.css
add this code at the end of the file.

#customNewsletter__close {
    color: white;
}
.customNewsletter__container {
    height: 55vh !important 
}

result

8.png
8.png629×534 103 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
3

That worked. Thank you @Rahul_dhiman

4

Thanks , please accept the solution.

5

I am glad that worked .
Would it be okay for you to Buy me a Coffee for my work .

6

Sure, I just bought you a coffee for your help. :slightly_smiling_face: You don’t by any chance know how to extend the black background a little bit below the ‘email’ section of the popup. It’s cutting the box off a little. If that makes sense. I highlighted it in the above picture.

7

The code i sent you was for both close button and the email section.
i attached the screenshot also please check.

8

My bad, I only noticed that now. I had to delete the cookie to see the new popup. Thanks again.