---
title: How do I remove or style the asterisk (*) for required fields on HubSpot forms?
description: Helpful tips on styling or removing the asterisk (*) that appears next to required form fields on HubSpot.
---
[Skip to Content](https://www.stephanieogaygarcia.com/hubspot-website-development/how-do-i-remove-or-style-the-asterisk-for-required-fields-on-hubspot-forms#main-content)
[](https://www.stephanieogaygarcia.com/)
Open Navigation
- [About](https://www.stephanieogaygarcia.com/about)
- [Services](https://www.stephanieogaygarcia.com/services)
- [Products](https://www.stephanieogaygarcia.com/shop)
- [Work](https://www.stephanieogaygarcia.com/portfolio-work)
- [Blog](https://www.stephanieogaygarcia.com/hubspot-website-development)
- [Contact](https://www.stephanieogaygarcia.com/contact)
- [About](https://www.stephanieogaygarcia.com/about)
- [Services](https://www.stephanieogaygarcia.com/services)
- [Products](https://www.stephanieogaygarcia.com/shop)
- [Work](https://www.stephanieogaygarcia.com/portfolio-work)
- [Blog](https://www.stephanieogaygarcia.com/hubspot-website-development)
- [Contact](https://www.stephanieogaygarcia.com/contact)
[HubSpot Sprocket Icon HubSpot Website Development ](https://www.stephanieogaygarcia.com/hubspot-website-development)
[forms, ](https://www.stephanieogaygarcia.com/hubspot-website-development/tag/forms) [css](https://www.stephanieogaygarcia.com/hubspot-website-development/tag/css)
# How do I remove or style the asterisk (*) for required fields on HubSpot forms?
Technical Difficulty: Intermediate
Written by [ Stephanie O'Gay Garcia ](https://www.stephanieogaygarcia.com/hubspot-website-development/author/stephanie-ogay-garcia)
First Published: September 22, 2019
Last Updated: October 22, 2023
⚠️ Note that this post hasn't been updated for at least a year and the information may be outdated, proceed with caution! *(Last updated: October 22, 2023)*
When you enable the "Make this field required" setting on a HubSpot form field, it will show an asterisk (*) next to the field label:
You can remove or style this on your portal using CSS.
## Remove the required field asterisk
You can remove the required field asterisk using the following CSS snippet:
`.hs-form-required { display: none; }`
[Scroll down](https://www.stephanieogaygarcia.com/hubspot-website-development/how-do-i-remove-or-style-the-asterisk-for-required-fields-on-hubspot-forms#where-to-add-the-code-snippets-above) to learn where to add this code.
## Style the required field asterisk
Alternatively, instead of removing the asterisk completely, you can also style the asterisk using CSS.
### Changing the colour
You can update the colour of the asterisk above with the following CSS snippet:
`.hs-form-required { color: #0171b2; }`
where you can replace the above colour (`#0171b2`) with your own.
[Scroll down](https://www.stephanieogaygarcia.com/hubspot-website-development/how-do-i-remove-or-style-the-asterisk-for-required-fields-on-hubspot-forms#where-to-add-the-code-snippets-above) to learn where to add this code.
## Where to add your code
There are a few places you can add this code depending on your comfort level and which forms you'd like to hide the asterisk on.
### Add the code to your theme's stylesheet
The best practice would be to update your website theme's stylesheet. You can find your theme by going to Marketing > Files & Templates > Design Tools and locating your theme in the sidebar.
In most HubSpot themes that follow [the CMS boilerplate](https://developers.hubspot.com/docs/cms/building-blocks/themes/hubspot-cms-boilerplate) structure, you can go into css > elements and open the `_forms.css` file which will already have a "Validation" section with the `.hs-form-required` CSS class:
However, themes vary a lot. Also, if you're using a Marketplace theme, you'll need to create a child theme to make any changes, so I wouldn't recommend updating this unless you're comfortable with CSS.
Note that updating the styling from your theme's stylesheet will affect all forms on your website.
### Add the code to your template or page
You can style the form on a specific template or page in the "Additional markup" section of your template or the "Head HTML" settings of your page (read HubSpot's help article [here](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-head-and-footer-html-of-my-pages#add-code-to-the-head-or-footer-html-of-a-specific-page)).
If you are doing this, you'll want to add the opening `` tag after your CSS, like this:
``
If you found this helpful, buy me a coffee! ❤️
← Previous Article
[Add a background image to your HubSpot email template](https://www.stephanieogaygarcia.com/hubspot-website-development/add-a-background-image-to-your-hubspot-email-template)
Next Article →
[Set a default featured image on your HubSpot site](https://www.stephanieogaygarcia.com/hubspot-website-development/set-a-default-featured-image-on-your-hubspot-site)
Contact
## Get help from a HubSpot CMS Expert
- Custom HubSpot themes and reusable and easy-to-use HubSpot templates and modules
- Technical support and guidance on the HubSpot CMS
[ Tell me about your project ](https://www.stephanieogaygarcia.com/project-details)
##### Contact
Need help with a HubSpot CMS project? Get in touch!
[Email](mailto:stephanie@stephanieogaygarcia.com) | [Contact](https://www.stephanieogaygarcia.com/contact)
##### About
- [ About ](https://www.stephanieogaygarcia.com/about)
- [ Portfolio ](https://www.stephanieogaygarcia.com/portfolio-work)
- [ LinkedIn ](https://www.linkedin.com/in/stephanieogaygarcia/)
- [ Facebook ](https://www.facebook.com/stephanieogaygarcia)
- [ Instagram ](https://www.instagram.com/stephanieogaygarcia/)
##### Services
- [ HubSpot Website Development ](https://www.stephanieogaygarcia.com/services/hubspot-website-development)
- [ HubSpot CMS Technical Support ](https://www.stephanieogaygarcia.com/services/hubspot-cms-technical-support)
- [ Custom HubSpot CMS Themes ](https://www.stephanieogaygarcia.com/custom-hubspot-cms-hub-themes)
- [ Pricing ](https://www.stephanieogaygarcia.com/services#pricing)
##### Latest Articles
- [How to add an llms.txt page to your HubSpot website](https://www.stephanieogaygarcia.com/hubspot-website-development/add-an-llmstxt-page-to-your-hubspot-website)
- [Switch an existing HubSpot custom module from global to local](https://www.stephanieogaygarcia.com/hubspot-website-development/switch-an-existing-hubspot-custom-module-from-global-to-local)
- [Overriding HubSpot's new forms styling from theme settings](https://www.stephanieogaygarcia.com/hubspot-website-development/overriding-hubspots-new-forms-styling-from-theme-settings)
- [All Articles](https://www.stephanieogaygarcia.com/hubspot-website-development)
---
Copyright © 2018 - 2026 Stephanie O'Gay Garcia. All Rights Reserved.
Freelance HubSpot CMS Developer based in Toronto, Canada 🇨🇦
[Terms of Service](https://www.stephanieogaygarcia.com/terms-of-service) | [Website Terms of Use](https://www.stephanieogaygarcia.com/website-terms-of-use) | [Privacy](https://www.stephanieogaygarcia.com/privacy-policy) | [Cookies](https://www.stephanieogaygarcia.com/cookie-policy) | [LLMs](https://www.stephanieogaygarcia.com/llms.txt)
Scroll to Top
```json
{
"@context" : "https://schema.org",
"@id" : "https://www.stephanieogaygarcia.com/#person",
"@type" : "Person",
"description" : "Freelance HubSpot CMS Developer specializing in custom HubSpot website development, themes, templates, and bespoke modules for small–mid sized B2B and SaaS companies.",
"image" : "https://www.stephanieogaygarcia.com/hubfs/Logos/stephanieogaygarcia_logo.svg",
"jobTitle" : "Freelance HubSpot CMS Developer",
"knowsAbout" : [ "HubSpot CMS", "HubSpot themes", "HubSpot templates", "HubSpot modules", "HubDB", "Website migrations to HubSpot CMS", "Figma to HubSpot implementation" ],
"name" : "Stephanie O'Gay Garcia",
"sameAs" : [ "https://www.linkedin.com/in/stephanieogaygarcia/", "https://www.facebook.com/stephanieogaygarcia", "https://www.instagram.com/stephanieogaygarcia/", "https://ecosystem.hubspot.com/marketplace/solutions/stephanie-ogay-garcia/" ],
"url" : "https://www.stephanieogaygarcia.com/",
"worksFor" : {
"@id" : "https://www.stephanieogaygarcia.com/#organization"
}
}
```
```json
{
"@context" : "https://schema.org",
"@id" : "https://www.stephanieogaygarcia.com/#organization",
"@type" : "Organization",
"address" : {
"@type" : "PostalAddress",
"addressCountry" : "IE",
"addressLocality" : "Dublin",
"postalCode" : "A94"
},
"contactPoint" : {
"@type" : "ContactPoint",
"areaServed" : "Worldwide",
"availableLanguage" : [ "en", "es" ],
"contactType" : "sales",
"email" : "stephanie@stephanieogaygarcia.com"
},
"description" : "Portfolio and business site of freelance HubSpot CMS Developer Stephanie O'Gay Garcia, based in Dublin, Ireland.",
"logo" : "https://www.stephanieogaygarcia.com/hubfs/Logos/stephanieogaygarcia_logo.svg",
"name" : "Stephanie O'Gay Garcia",
"sameAs" : [ "https://www.linkedin.com/in/stephanieogaygarcia/", "https://www.facebook.com/stephanieogaygarcia", "https://www.instagram.com/stephanieogaygarcia/", "https://ecosystem.hubspot.com/marketplace/solutions/stephanie-ogay-garcia/" ],
"url" : "https://www.stephanieogaygarcia.com/"
}
```
```json
{
"@context" : "https://schema.org",
"@id" : "https://www.stephanieogaygarcia.com/#website",
"@type" : "WebSite",
"name" : "Stephanie O’Gay Garcia – Freelance HubSpot CMS Developer",
"publisher" : {
"@id" : "https://www.stephanieogaygarcia.com/#organization"
},
"url" : "https://www.stephanieogaygarcia.com/"
}
```
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Stephanie O'Gay Garcia",
"url" : "https://www.stephanieogaygarcia.com/hubspot-website-development/author/stephanie-ogay-garcia"
},
"dateModified" : "2023-10-22T14:08:28.701Z",
"datePublished" : "2019-09-22T15:37:05.000Z",
"headline" : "How do I remove or style the asterisk (*) for required fields on HubSpot forms?",
"mainEntityOfPage" : {
"@id" : "https://www.stephanieogaygarcia.com/hubspot-website-development/how-do-i-remove-or-style-the-asterisk-for-required-fields-on-hubspot-forms",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://www.stephanieogaygarcia.com/hubfs/Logos/stephanieogaygarcia_logo.svg"
}
}
}
```