Links breaking only in Outlook? | Community
Skip to main content
A
Anonymous
June 29, 2017
Question

Links breaking only in Outlook?

  • June 29, 2017
  • 2 replies
  • 1916 views

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="fakelinkblahblah/" style="text-decoration: none!important; color: #ffffff!important;" target="_blank">${Section4-btn1text}</a></td>

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Jim_Thao7
Jim_Thao7
Level 8
June 29, 2017

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.

Gerard_Donnell4
Gerard_Donnell4
Level 9
June 29, 2017

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.

Terms & ConditionsAccessibility statement

Loading footer...