Make Buttons Rounded in Popup

Store Design
, , , , , ,

Topic summary

A user is attempting to style buttons and containers in their website popup with rounded corners but encountering issues:

Problems identified:

  • The “join” button remains square-cornered despite CSS attempts to round it
  • The entire popup banner displays within a square container instead of having rounded corners

Technical details:

  • Theme: Stiletto (Shopify)
  • An image was provided showing the current appearance with the non-rounded join button
  • The popup appears to be built within the theme itself

Current status:
The issue remains unresolved with no responses yet. The user is seeking CSS or customization guidance to achieve consistent rounded styling across all popup elements.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I want to make all my buttons rounded in my website’s popup, but the “join” button doesn’t convert for some reason. Also, the whole banner should be rounded instead of being inside a square with straigtht corners.

This is how it looks now:

Captura de pantalla 2025-03-10 a las 19.08.56.png
Captura de pantalla 2025-03-10 a las 19.08.56.png1702×892 191 KB

As you can see, the “join” button is not rounded for some reason.

And the whole banner should be rounded instead of being inside a square.

My website is: https://i2dwml889s44pjf1-60150284501.shopifypreview.com

and my theme is Stiletto.

Thanks in advance!!!

2

Hello, is built within the theme