A user is experiencing an issue where their newsletter “join” button appears with straight edges by default and only becomes rounded on hover. They’ve included screenshots demonstrating the problem.
Current Status:
Technical Details:
Next Steps:
The discussion remains open as participants work to identify the root cause of this rendering inconsistency.
Hello!
I want to make my newsletter “join” button rounded, however, it looks like this:
Only when I hover over it it becomes rounded:
Any solution to this?
My website is https://2ly0xfqvhlpa89xw-60150284501.shopifypreview.com and my theme is Stiletto.
I would appreciate some help!
Hi @martujv
Your preview link doesn’t show anything when I click on it. Just shows a white blank screen for some reason.
Hi @martujv , i see it rounded , please double check on this
Hi, it’s only rounded when you hover over it.
Otherwise it appears like this:
Hi, thanks for your comment. Well, that’s interesting. Can you try with this link?: https://aka1pndmq13ckn6l-60150284501.shopifypreview.com
Strange, I also see it rounded when it loads up like @DaisyVo does.
What browser are you look at this on?
For device details, visit this tool, click Copy, and paste the info here.
This way I can try recreate it on my end and see if I can create some CSS to help.
It appears with straight edges to me in my laptop (across different browsers) and also in my phone, I tried clearing my cache but it does not fix it. It’s the first time I see a bug of this kind, very weird. Is there any CSS to make it rounded across all posible browsers and devices?
