---
title: How to add custom CSS on HubSpot CMS
description: Learn how to add custom CSS to a specific page or across all of your pages on HubSpot CMS Hub.
image: https://www.stuff-n-matters.com/hubfs/hubspotted/featured%20images/add-custom-css-hubspot.webp
---

[![stuff-and-matters-logo-white](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "stuff-and-matters-logo-white")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-white.svg "https://19808513.fs1.hubspotusercontent-na1.net/hubfs/19808513/sam/stuff-and-matters-logo-white.svg")](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

[![](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-logo-dark.svg)](https://www.stuff-n-matters.com/)

- Focus Theme for HubSpot
  
  Focus Theme for HubSpot

    - [Focus](https://www.stuff-n-matters.com/focus)
    - [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
    - [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
    - [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
    - [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
    - [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
    - [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
    - [Money Back Guarantee](https://www.stuff-n-matters.com/refund-policy)
    - [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)
- [Solutions](https://www.stuff-n-matters.com/solutions)
  
  Solutions

    - [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
    - [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
    - [Content Creation](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
    - [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
    - [Website Development](https://www.stuff-n-matters.com/website-design-and-development)
    - [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
    - [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
    - [Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
    - [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
    - [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)
- [Blog](https://www.stuff-n-matters.com/blog)
- [Career](https://www.stuff-n-matters.com/career)
- [Contact](https://www.stuff-n-matters.com/contact)

# How to add custom CSS on HubSpot CMS

![](https://www.stuff-n-matters.com/hubfs/hubspotted/featured%20images/add-custom-css-hubspot.webp)

Adding custom CSS on HubSpot CMS is pretty easy. You may prefer to add your code snippet to a specific page or all of your pages. In both cases, your CSS code will appear between \<head\>\</head\> tags in the source code of your website.

## Add custom CSS to a specific page

If you need to change/edit something via CSS on a specific page, follow the steps below:

1. Navigate to **Marketing \> Website \> Website Pages** on your HubSpot account.
2. Click the **Edit** button of the page which you’d like to add custom CSS.
3. Click the **Settings** tab and then scroll to the bottom. There you’ll realize an **Advanced options** button. Click that button and the page will be extended.
   
   ![custom-css-text-area-1](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/custom-css-text-area-1.png?width=1662&name=custom-css-text-area-1.png)
4. Now you should see a **Head HTML** text area right under the **Additional code snippets** title.
5. Add your CSS snippet into that text area, between **\<style\>\</style\>** tags. For example:
   
   `<style>    .example_div { color: #000000; } </style>`
6. Finally, **Update/Publish** the page by clicking the orange button at the top right corner of the screen.
   
   ![update-button-1](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/update-button-1.png?width=300&name=update-button-1.png)

That's all. Now you should see the changes you've made on your page.

## Add custom CSS to all of your pages

When it comes to add custom CSS for across all of your pages, you should do this from the Settings section on your HubSpot account. So follow the steps below:

1. Click the gear icon at the top right menu on your HubSpot account. This will take you to the **Settings** page.
   
   ![gear-icon](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/gear-icon.png?width=200&name=gear-icon.png)
2. Navigate to **Website \> Pages** from the left hand panel.
   
   ![navigation-website-pages](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/navigation-website-pages.png?width=200&name=navigation-website-pages.png)
3. Choose a domain from the top part of the page. If you want to apply your custom CSS to all the pages across all of your domains, leave it as **Default settings for all domains**. Note that you're still able to override any settings for a specific domain in the future.
   
   ![choose-domain](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/choose-domain.png?width=400&name=choose-domain.png)
4. Ensure that you're on **Templates** tab and realize the **Site header HTML** text area.
   
   ![custom-css-text-area-2](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/custom-css-text-area-2.png?width=1752&name=custom-css-text-area-2.png)
5. Add your CSS snippet into that text area, between **\<style\>\</style\>** tags. For example:
   
   `<style>    .example_div { color: #000000; } </style>`
6. Once you edit this text area, you'll see that a bar will appear from the bottom of your screen. Hit **Save** button over there to make your changes take affect.
   
   ![save-button](https://www.stuff-n-matters.com/hs-fs/hubfs/hubspotted/blog%20posts/save-button.png?width=400&name=save-button.png)

Now you can check your website and you'll see that your changes are alive.

## Need help?

Don't hesitate to use the comments section below for your questions!

### Share:

[Share on Facebook](http://www.facebook.com/share.php?u=https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms&utm_medium=social&utm_source=facebook) [Share on LinkedIn](http://www.linkedin.com/shareArticle?mini=true&url=https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms&utm_medium=social&utm_source=linkedin) [Share on Twitter](https://twitter.com/intent/tweet?original_referer=https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms&utm_medium=social&utm_source=twitter&url=https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms&utm_medium=social&utm_source=twitter&source=tweetbutton&text=How%20to%20add%20custom%20CSS%20on%20HubSpot%20CMS)

[how to](https://www.stuff-n-matters.com/blog/tag/how-to), [coding](https://www.stuff-n-matters.com/blog/tag/coding)

## Comments

## Related posts

[How to create a child theme in HubSpot](https://www.stuff-n-matters.com/blog/how-to-create-a-child-theme-in-hubspot) Search

![stuff-and-matters-provider](https://www.stuff-n-matters.com/hubfs/sam/stuff-and-matters-provider.svg "stuff-and-matters-provider")

We are proudly an official HubSpot Solution Provider. You can grow better with us.

#### Focus Theme

- [Focus](https://www.stuff-n-matters.com/focus)
- [Focus Plus](https://www.stuff-n-matters.com/focus-plus)
- [Focus vs Focus+](https://www.stuff-n-matters.com/focus-plus-comparison)
- [Client Showcase](https://www.stuff-n-matters.com/focus-plus-theme-client-showcase)
- [Knowledge Base](https://www.stuff-n-matters.com/focus-theme-knowledge-base)
- [Documentation](https://www.stuff-n-matters.com/focus-theme-documentation)
- [Release Notes](https://www.stuff-n-matters.com/focus-plus-theme-release-notes)
- [Cashback Program](https://www.stuff-n-matters.com/focus-plus-theme-cashback-program)

#### Solutions

- [HubSpot Onboarding](https://www.stuff-n-matters.com/hubspot-onboarding)
- [Marketing Automation](https://www.stuff-n-matters.com/marketing-automation-services)
- [Content & Inbound Marketing](https://www.stuff-n-matters.com/content-and-inbound-marketing)
- [HubSpot Integrations](https://www.stuff-n-matters.com/hubspot-integrations)
- [Website Design & Development](https://www.stuff-n-matters.com/website-design-and-development)
- [Reporting & Analytics](https://www.stuff-n-matters.com/reporting-and-analytics)
- [Sales Enablement](https://www.stuff-n-matters.com/sales-enablement)
- [Customer Service Enablement](https://www.stuff-n-matters.com/customer-service-enablement)
- [Strategy Consulting](https://www.stuff-n-matters.com/advanced-strategy-consulting)
- [Retainer-Based Support](https://www.stuff-n-matters.com/retainer-based-support-services)

#### Blog Posts

- [How to add custom CSS on HubSpot CMS](https://www.stuff-n-matters.com/blog/how-to-add-custom-css-on-hubspot-cms)
- [How to create a child theme in HubSpot](https://www.stuff-n-matters.com/blog/how-to-create-a-child-theme-in-hubspot)
- [How to connect Google Analytics](https://www.stuff-n-matters.com/blog/how-to-connect-google-analytics-to-hubspot)
- [How to add a Google Map to your website](https://www.stuff-n-matters.com/blog/add-google-maps-with-snazzy-maps-in-hubspot)
- [How to clone a HubSpot theme](https://www.stuff-n-matters.com/blog/how-to-clone-a-hubspot-theme)

**© 2021-2026 Stuff & Matters, Inc.**  
Delaware, USA.

[Refund Policy](https://www.stuff-n-matters.com/refund-policy) [Privacy Policy](https://www.stuff-n-matters.com/privacy-policy) [Terms & Conditions](https://www.stuff-n-matters.com/terms-and-conditions) 

[Follow us on Facebook](https://www.linkedin.com/in/kerem-kandirali/)