Become a HubSpot power user — join us for HubSpot Training Day 2017.

COS-General

How do I add the ability to call a custom style to my custom coded template?

Last updated: August 12, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise

Please follow the directions noted below to call a custom style sheet to one of our custom coded templates.

  • Navigate to Content > Design Manager > Locate your custom coded template.
  • Click the +Tab button at the top of Design Manager and Browse to the CSS file you wish to use.
  • While viewing the CSS file, click Actions > Get Public URL > Copy using the copy button.
  • Click the tab in Design Manager that has your custom coded template file.
  • Insert a stylesheet link in the <head></head> section of your coded file, using the public url of the stylesheet for the href:
<link href=insert your public url for the style sheet rel="stylesheet">
  • Click Publish Changes to save and publish the template for use.

Notice: HubSpot has deprecated the {% style %} tag. All domain level stylesheets are now included via the standard header include tags.

Was this article helpful?