Skip to content

Change the color of links in a marketing email

Last updated: January 29, 2024

Available with any of the following subscriptions, except where noted:

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.
  • Click into the module with the link you want to 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-link-color-in-editor

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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.