Terms and condition widget: Change the color of the required astersik.

How do I change the color of the required asterisk on Terms on Conditions? I entered the below CSS, but it is NOT working for the Terms and Conditions:

.form-required {

color: #ff91a4 !important;

}

Hi TJcontact,

Thanks for reaching out to Jotform Support. I checked your form, and it looks like you've managed to change the color using the code below:

#_label #_terms{

color: #ff91a4;

}

Check this out:

Let us know if there's anything else we can help you with.

Hi TJcontact,

Additionally, if you're looking to change the color of the asterisk itself, you can add the code below into the widget:

span.required {

color: #ff91a4 !important;

}

Reach out to us again if you need any more help.

Thank you! It was asterisk itself I wanted to change.

Just tried:

span.required {

color: #ff91a4 !important;

}

And it did NOT work. :(

Hi TJcontact,

When I injected the same CSS code into the Terms & Conditions widget into a cloned form, it was working properly. Can you try it again and ensure that you paste the CSS code within the Terms & Conditions widget settings? Here's how to do that:

1. In the Form Builder, click on the Terms & Conditions widget then the Wand icon to open its settings.
2. Go to Custom CSS tab and paste your CSS code in the textarea.
3. Click Update Widget at the bottom to save the changes.

Let us know if you still need any help.

Ok, that looks like it did it. Thank you!