Required fields + small message CSS

1) I've looked at a couple of topics where someone required to highlight in some way the required fields in the form and I also looked at the FAQ (http://www.chronoengine.com/faqs/2702-how-can-i-identify-required-inputs.html), but it's just not my thing, I don't understand it. Has since something changed (meaning become simpler) about this?

2) I've been trying to modify the font size and colour of the small-message editing the style in frontforms.css but it just won't change, which file should I edit then?

Thanks

Hi Alistair,

For 1) try adding an * to the Label, that is the simplest method.

For 2) use your browser Web Developer tools (click F12 in most browsers) to see exactly what CSS is being used. Sometimes it's simpler to override the ChronoForms or template CSS using a Load CSS action in your form with specific selectors.

Bob

1) Nice workaround, thanks.

2) I'm using webdeveloper, I would have said the line to change in the frontform was this:

.small-message, .error-message { line-height: 18px; margin: 4px 0 0 155px; font-size: 12px; display: block; clear: both;}

.small-message { color: #999999; font-style: italic; }

and that it would be an easy job, except nothing changes. I don't know what "Load CSS action in your form with specific selectors" means, is there another file I should touch to modify that small-message?

I've just found this out myself if anyone is having the same issue. Not only do you have to modify the frontforms.css (maybe you don't even have to, I just know that's the file any webdeveloper software will tell you to modify), but you have to make the same modifications to the file frontforms_rtl.css, as simple as that.