how do i make the text below a field value "red" with Laserfiche Forms 11
That did it. You are so very very helpful. I really really do appreciate you...👍🙏
Have a great evening...👌
You can do this in themes, and it will set all fields that have text below to the color you select. Otherwise, you can use the following css
.help.cf-helptext {
color: red;
}
Just add help to your css class of the field or fields you specifically want red.
Thanks Angela. Below is the CSS class and the Variable Name and the text i want in RED but i'm still unsure of how the syntax should look and where it should be placed. can you help me with this please.
Copy and paste the script into the CSS area you have shown in your picture.
#q85 .cf-helptext {
color: red;
}
If you want all help text to be red on any field just remove the field id:
.cf-helptext {
color: red;
}
Made the changes as you suggested and still no difference and saving and previewing the form.
Changes Made:
Preview the Changes:
You don't need those numbers. I put the code in the code snippet, so just click the View Source next to the printer icon and copy and paste from there.
That worked. Thank you so much Angela. It made the text above the field red also but hopefully that will be ok with that.
You are most welcome!
If you just want the bottom part us this:
.cf-helptext.un-help {
color: red;
}
Here is the one for just the top:
.cf-helptext.ab-help {
color: red;
}
Thank You so much Angela. This is very helpful. I will continue to look at my form to see what text has to be red and make the modifications. But , if i just want the bottom red for individual check box and the top text to remain black, how would that syntax look. Not to have all below text red, just for certain check boxes. examples below
Red below here:
Not Red Below here in other parts of the form:
Good morning Angela. Sorry to bother you again. But, can you help me setting the text red in a single line field. below is what i tried but it did not work. Thanks in advance for your help.
No problem. You need to change the Selector Target.
#q189 input
{
color: red; !important;
}
This will change the color of the input text in the field itself.
You might find this helpful: CSS Customizations for Fields, Titles, and Descriptions | Laserfiche Forms. It breaks down common CSS cases in Classic Designer. I am happy to help though :)
That worked, Thank you so very much. Also, thanks for providing the above link. I will check it out. I hope not to bother you again today and i'm hoping that you have a great rest of your day. 👍
No bother whatsoever.
Afternoon Angela. One more tip from you if you don't mind. Syntax to make the text RED as well as the choices RED. Below is what i have. the Text is RED but i also need the choices RED
Here you go:
#q190 .form-option-label
{
color: red;
}
The choices are now RED but it removed the RED from the text above . Is the syntax supposed to be combined together to make the text above RED as well as the choices RED. Below is what i now have.
You left out the q after your # on the first line.
That did it. You are so very very helpful. I really really do appreciate you...👍🙏
Have a great evening...👌
Anytime :)
You can use the #q85 or whatever the field ID number is to identify specific fields. For example:
#q85 .cf-helptext.un-help {
color: red;
}
The #qFieldID will apply the css to that specific field.