MailChimp preview overrides link styles

I had a problem creating a custom template for MailChimp - when editing links inside email content, MailChimp overrides their styles. Here is part of the template,

<a mc:edit="cta_link" target="_blank" href="*|CUSTOM_URL|*" style="font-family: 'Helvetica', 'Arial', sans-serif !important; font-size: 11px; color: #000000 !important; border-bottom: 1px solid #000000 !important; text-transform: uppercase !important; padding-bottom: 1px;">Read more</a> 

As you can see, I also added important rules for some styles to try to avoid any overrides, but without effect. I switched between the static href src example and the MailChimp custom URL variable, it seems to make no difference. After updating the link, the font changes to the default font Times. Anything I miss?

+6
source share

All Articles