Change color from Required field

Change the color of the required field indicator in a ChronoForms form.

Overview

The default red asterisk for required fields does not match the website's color scheme.
Add custom CSS targeting the required field selectors in the CF form's CSS view, ensuring the syntax is correct.

Answered
ChronoForms v7
an annette_s 28 Jul, 2023
Hello
How and where can I change the red star from required fields? I would like to have an other color that matched with the website🙂
Thanks for your help.
rb rbock 28 Jul, 2023
Answer
1 Likes
Hello

Try: Add custom css to form with:

.ui.form .required.field > .checkbox::after {color:blue;}
Max_admin Max_admin 28 Jul, 2023
that should work!
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
an annette_s 29 Jul, 2023
Thanks for your answer. Where and how do I have to insert the custom css code in the form?
rb rbock 29 Jul, 2023
ChronoForms7 -> Forms -> "Form" -> Views -> Custom -> CSS

Place it at the beginning of the form page.
rb rbock 29 Jul, 2023
Please send me a link to the form...
an annette_s 29 Jul, 2023
Here you are:
https://mas.weblight.ch/kontakt
rb rbock 29 Jul, 2023
1 Likes
Try:

.ui.form .required.field > .checkbox::after, .ui.form .required.field > label::after, .ui.form .required.fields.grouped > label::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > label::after, .ui.form label.required::after { color:blue); }
rb rbock 29 Jul, 2023
1 Likes
Sorry:

{ color:blue; } not { color:blue); }
an annette_s 29 Jul, 2023
Now it works 👍🏻 Many, many thanks!
This topic is locked and no more replies can be posted.