Add CSS to the head section of an email template
Last updated: June 26, 2020
You can add styling to the head section of email templates for the classic email editor. Learn more about styling your template in the inspector.
Please note: this method requires a basic understanding of HTML. Custom HTML isn't 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-csstag 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.
Email
Design Manager
Thank you for your feedback, it means a lot to us.
This form is used for documentation feedback only. Learn how to get help with HubSpot.
