Change the color of links in a marketing email
Last updated: January 18, 2023
Available with any of the following subscriptions, except where noted:
|
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 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.
Related content
-
Set up email subscription types
Subscription types represent the lawful basis to communicate with your contacts through email. Contacts can ...
Knowledge Base -
Analyze your marketing email campaign performance
After you've published and sent marketing emails, you can review trends of your emails from the email...
Knowledge Base -
Email bounce types
A bounce message is also called a Non-Delivery Report/Receipt (NDR). It's an automated message from the...
Knowledge Base