Skip to content

Understand the source of a page's styling

Last updated: February 13, 2025

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

All products and plans

There are multiple places where content styling can be added in HubSpot, and it is applied in a specific order based on where it's added. Below, learn how styling is applied, how to find styling on a live page, and how to get help with design edits.

Understand how styling is applied

CSS styling in HubSpot is applied in order based on where it's set in HubSpot, as listed below. For example, styling set in a global stylesheet is overridden by styling set on a specific page. 

  1. Custom module CSS
    1. Stylesheets attached to a module.
    2. CSS added to the CSS section of a module.
    3. CSS inside the HubL markup of the module within a require_css block
  2. Stylesheets added to a template through the require_css block
  3. HubSpot default stylesheets (for example, layout.css)
  4. Stylesheets attached to the template

    design-manager-linked-stylesheet

  5. Stylesheets attached on the settings tab of your page

    page-editor-attach-stylesheet

  6. Stylesheets attached in your settings for all domains
  7. Stylesheets attached in your settings for a specific domain
  8. CSS added within