How to remove red asterisks from default form on VS Code

[CLing0]

I'm using a hubspot form on our website. I would like to remove the red asterisk on a required field from VS code. Is it possible? 

I've tried to edit the embed code on vs code by placing css=" " and cssClass. But they don't work. I also tried design tools, but we're unable to modify the default module.

What else I can do to remove it on required fields?

[Anton]

Hi @CLing0, 

the easiest way to remove it would be to set the field as "not requiered" since it's better for UX and accessability. 

But if you want to just hide the asteriks you can put

hs-form-required{
display:none;
}

to your CSS file

best, 

Anton

[CLing0]

Hi Anton. Thank you for quick response.

It doesn't work too 😞

I saw a solution as below link from hubspot. How to create a cssClass? Can I create cssClass in VS code? Can I use this method in VS code?

It would be great if you can explain it in details.

https://community.hubspot.com/t5/CMS-Development/How-do-I-add-custom-css-to-a-form-in-Hubspot/td-p/6...