Email Designer: Text or link color is different in the inbox


When using the Email Designer (launched in 2022), if your text or link color is a different color when it arrives in the inbox, you can check the code with the built-in code editor to resolve the issue.

Take note

  • This is for advanced users only
  • The ActiveCampaign Customer Experience Team is not able to help you implement or troubleshoot any code

How to fix the text or link color

  1. Click Campaigns on the left.
  2. Open the campaign you want to edit.
  3. On the Campaign Summary page, hover over the design on the right and click “Edit design” to open the campaign designer.
  4. In the Campaign Designer tab of your campaign, click on the text box with the issue.
  5. Click the code editor icon on the top right.
  6. Look for the text or link with the issue in the code.
  7. If the text is wrapped within a paragraph <p> tag, change the <p> into a <span> tag.

    For example:

    <pstyle="color: #ffffff">Foobar<p>

    Change to:

    <spanstyle="color: #ffffff">Foobar<span>

  8. Test your email to confirm the fix.

This happens because email clients such as Gmail and Outlook can strip the style attributes in the paragraph tag when the email is rendered into the inbox. This may not happen every time as each email client has their way of rendering emails. Changing the paragraph tag to a span tag fixes this issue.

Was this article helpful?
1 out of 10 found this helpful

Have more questions? Submit a request

Start free trial