CSS to remove * for form required field not working

Marketing & Content Hub Lead Capture Tools
,
1

I have a Hubspot form (with required fields) embedded on a webpage. I use Thrive Architect to build my pages (not sure if that matters). When I add the Hubspot form everything works. When I try to add the recommended CSS to remove the asterisks, the form just completely disappears.

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

What could be going wrong? Any other workarounds?

2

Hi @nnikolas,

Can you DM me the URL?

3

Hi @nnikolas,

It appears you are on the right track and your solution SHOULD fix it. You may want to try and add !important before the semicolon.

.hs-form-required {
 color: red;
 display: none !important;
}

If it doesn’t work, wherever that reference is there is likely another CSS reference loading after it. You’ll want to find that and remove.

Give me a shout if you are still stuck after this.

Josh

4

@Josh

Hmmm… it’s still disappearing.

I screen recorded what’s happening so you can see: https://imgur.com/a/nXcvQmU

You can see I have the CSS code you recommended, and when I go to apply it to the element it just… disappears.

5

Hi @nnikolas,

Question: does your CSS class exist without you placing it into the HTML element or is that what adds it?

6

@Josh

I have to add it to the HTML attributes to “turn it on”

7

@Josh

Do you have any other ideas?

8

Hi @nnikolas,

In theory, what you are doing should work.

A couple of other ideas:

In WordPress, go to the Customize section and there should be a spot to add custom CSS there. Try adding the above CSS reference to that after adding the class around the form.

Try a plugin such as Simple Custom CSS to add the reference to display: none !important;. This plugins functionality loads after all other CSS files.

My last idea is to find out what CSS class or reference the system is using by default before you add the class around it in the custom CSS section and instead of using a custom class, use the default class.

Without being in the system itself, it’s difficult to troubleshoot, but these would be the steps that I would take.

Josh

9

@Josh

Wow, thank you so much for all of your help. I will try those suggestions. Your input is beyond valuable, thank you!