How to customize email notifications with rounded buttons?

Hello

I am trying to customize my notification emails to have the buttons be rounded. I have yet to find any resource that would help me. I have tried several bits of code however none of them have worked. I want my buttons to look like the single button picture that says “View All”. Any help or ideas would be greatly appreciated. If it matters, we are on the Refresh theme version 11.0.0. Thanks!

1 Like

Hey @CCT1

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Please add this code in a tag of your HTML before href=“..”

style="border-radiaus: 20px;"

If it email belong to Shopify email template, you can change corner style of button directly in email template customize.

Hello @CCT1

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hello @CCT1

Please provide your store URL,so I can review it and provide a solution.

I added this code and it was unsuccessful.

cascadecrest.com. Thank you.

Thanks. Cascadecrest.com

Did you test with a new email? Previous email that you sent will not change

I used the preview option as it worked when I edited other code (centering the logo).

Just sent a test email and it didn’t change

Make sure you edit code in correct template email or try this following this

Hi, IDK if you already solved it, but the instruction was correct.
There was a syntax error in the suggestion, the correct one is:

border-radius: 20px;

Instead Dan wrote “radiaus”