Email

Change the color of links in a marketing email

Last updated: November 19, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic

To update the color of a link in your email, highlight the text and use the font color picker in the rich text toolbar. You can update the default link color for all links in your email by adding custom CSS to the email template. 

Please note: adding custom styling to your template requires a basic understanding of CSS.

Change the color of a link in the email editor

  • In your HubSpot account, navigate to Marketing > Email.
  • Hover over the email you'd like to modify and click Edit.
  • Highlight the link, then click the text color icon in the rich text toolbar and select a color. To access more color options, click the Advanced tab and use the color picker.

change%20email%20link%20color

Change the color of all links on email template

  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • In the finder on the left, click the name of the email template you want to modify.

    Please note: don't click any specific modules on the template to make sure the changes are applied to the entire email template, instead of a specific module. The name of the component selected will appear at the top of the inspector.

  • In the inspector on the right, add the following code snippet into the Additional <head> markup field, replacing #FF6600 with the desired hexadecimal color value for your links:
    <style type="text/css" id="hs-inline-css">
       a { color: #FF6600; }
    </style>
  • Click Publish changes to apply your changes to the template.
/email/how-do-i-change-the-color-of-links-in-my-email