# Form styling - remove required asterisk with hubspot default CSS

**URL:** <https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702>\
**Category:** CMS Development\
**Created:** [October 24, 2018, 2:08pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702 "2018-10-24T14:08:29Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 2:08pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/1 "2018-10-24T14:08:29Z")

</div>

Hi Everyone,

I’m new to hubspot and this community and I hope someone will be able to help me out.

I’m replacing the forms we have on our website with hubspot forms and although I’m happy with the way they look, I would like to have one little change, removing the asterisk on a required field as we’re not using a label for these fields.

I found some answers on this forum requiring to create a CSS file and adding some code there but I was wondering if there would be a way to get to the same result only by adding some extra element to the embed code?

If not, since we like the way our forms look with the hubspot CSS, is there a way I can copy this CSS, make it my own and tweek it a little so that the asterisk wouldn’t show?

Thanks already for your answer!

Kind regards,

Seb

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 24, 2018, 2:11pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/2 "2018-10-24T14:11:28Z")

</div>

Can you link us to a preview link of a page that the form is on?

---

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 2:13pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/3 "2018-10-24T14:13:14Z")

</div>

Thanks for your quick answer!

The form is live here: [http://www.duomedia.com/news](http://www.duomedia.com/news)

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 24, 2018, 2:16pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/4 "2018-10-24T14:16:44Z")

</div>

@Seblr - That form is rendering in an iframe which generally means you are on a HubSpot free account. You won’t be able to change the styling of the form, if that’s the case.

---

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 2:20pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/5 "2018-10-24T14:20:25Z")

</div>

@tjoyce We are using a paid version and I do have acess to styling as far as I can see. I could however not find any option to edit the CSS.

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 24, 2018, 2:21pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/6 "2018-10-24T14:21:47Z")

</div>

@Seblr - go to your form and go to the settings. There might be a checkbox to render the form in an iframe (this is a new feature HS rolled out)

---

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 2:32pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/7 "2018-10-24T14:32:15Z")

</div>

@tjoyce Sorry, I’m not seeing this. I see I can use an unstyled form, but nothing about rendering it in an iframe. Where would it be?

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 24, 2018, 2:39pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/8 "2018-10-24T14:39:20Z")

</div>

Sorry, I thought that feature was rolled out, maybe it’s not out yet. You might want to contact support since the iframe is generally controlled by the HS plan you’re on.

If you could report back your findings, that would be a huge help to future questions like yours.

---

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 2:41pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/9 "2018-10-24T14:41:22Z")

</div>

@tjoyce OK, thanks for your time. Will certainly do.

---

<div class="post-metadata">

**Author:** ![Seblr](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/seblr/32/33697_2.png) [@Seblr](https://community.hubspot.com/u/Seblr)\
**Post date:** [October 24, 2018, 3:56pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/10 "2018-10-24T15:56:04Z")

</div>

@tjoyce In the end I used [Belch.io](http://www.belch.io) to redesign the form scratch and added the following to the code to get rid of the asterisk:

`.hs-form-required {display: none;}`

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 24, 2018, 7:41pm UTC](https://community.hubspot.com/t/form-styling-remove-required-asterisk-with-hubspot-default-css/10702/11 "2018-10-24T19:41:32Z")

</div>

As co-founder of [Belch.io](http://Belch.io), I’m glad to hear that 😄
