Add CSS to the head section of an email template
Last updated: January 18, 2023
When you're designing an HTML template to use in the classic email editor, you can style your email by including CSS in the head section of your email.
Learn more about styling your template in the inspector.
Please note: this method requires a basic understanding of HTML. Custom HTML is not supported in the drag and drop email editor.
- In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
- Find and click on the name the email template you wish to modify.
- Click the Edit dropdown menu at the top and select Edit head.
- Add the
data-hse-inline-css
tag into the head section. You can learn more about what CSS is supported across email clients here.
The code will look something like this, with your own styling added within this tag:
<style type="text/css" data-hse-inline-css="true">
td {
font-family: Arial, sans-serif;
}
</style>
- Click Publish changes to take your changes live.
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 -
Limit access to your HubSpot assets
You can limit access to content, data, and more so only the right teams and users can view and edit them....
Knowledge Base