HubSpot Knowledge Base

Change the color of links in a marketing email

Written by HubSpot Support | Oct 6, 2015 4:00:00 AM

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.

  • 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.

  • 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.