Forums

I have upgraded to Chronoforms5 and now the required fields automatically show an asterisk after the label. Great!

There are 2 problems:
1) The asterisk is made red (and I want it white like the rest of my stylesheet) with an inline CSS command. How can I overwrite this inline command:
<i class="fa fa-asterisk" style="color: rgb(255, 0, 0); font-size: 9px; vertical-align: top;"></i>
2) There seems to be a space between the label and the asterisk, which provokes that the asterisk goes to the next line. How can I avoid this?

The page is http://www.hair-dresser.ch/coiffeur-rothrist-termin-buchen.html.

Thanks!

Hi michelgalliard,

The color you can change with CSS in a Load CSS action

.fa {
  color: blue !important;
}

The spacing is more difficult - I can do it with a hack in the core files. Edit the file /administrator/components/com_chronoforms5/chronoforms/actions/html/html.php, find line 331 and replace the space with a non-breaking space like this

										required_label.first().html(required_label.first().html() + " '.$required_icon.'";)

Bob