Token Calendar File affecting the CTA design on emails

NoemieF
Level 1

Token Calendar File affecting the CTA design on emails

Hi everyone, 

 

I have discovered a problem with the token Calendar File.  

I have an email, with a CTA. I put the token name {{my.calendarfile}} in the CTA text but my problem is that : On Gmail, the text decoration doesn't work and I still have the blue underline, but the white color does, and in Outlook, the design of the button is bigger like twice in the height. 

Here is the HTML code we have added in the HyperLink text on the token. 

 

<div style="text-decoration:none !important;"><span style="color: white;text-decoration:none !important;">Add to Calendar</span></div>

 

Gmail resultGmail resultOutlook resultOutlook result

 

Does anyone have an idea of what we should do to fix this ? 

 

Thanks a lot, 

1 REPLY 1
adrianfraguela
Level 3

Re: Token Calendar File affecting the CTA design on emails

Try adding the following to the HTML of the email in the <head> tags

 

<style type="text/css">
   a {text-decoration: none !important;}
</style>

 

Tags (1)