Links breaking only in Outlook?

Highlighted
Anonymous
Not applicable

Links breaking only in Outlook?

Hi Everyone,

We are testing a new email, and the links are working perfectly in everything but outlook. The "Learn More" button is supposed to be white font and red background, but when we send it to outlook it comes out as blue font and red background. Does anyone know how to fix this? On gmail and yahoo, it's rendering perfect. We have tried adding tags such as the !important one.

Our code looks like this: <td style="background-color: ${section4-btn1bg}; font-weight: bold; line-height: 17px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; display: block; text-align: center; vertical-align: middle; color: ${section4-btn1color}; padding: 10px 0px;" valign="middle" bgcolor="${Section4-btn1BG}"><a href="https://fakelinkblahblah/" style="text-decoration: none!important; color: #ffffff!important;" target="_blank">${Section4-btn1text}</a></td>

Thanks!

2 REPLIES 2
Highlighted
Level 6

Re: Links breaking only in Outlook?

You're going to have to use conditional and/or vml statements if you really want something specific to happen with outlook which is not happening with the default code.

Highlighted

Re: Links breaking only in Outlook?

I've seen a couple of fixes for this type of issue.

Try adding a table around the link text

<table><tr><td style="color: #FFFFFF">Learn more</td></tr></table>

Or try including the <font> declaration

<font color:#ffffff>Learn more</font>

HTML font tag

Hope one of those work for you.