-
Melissa_LangAsked on February 21, 2021 at 9:11 PM
Hi there,
I have figured out how to change font headers, but how about the subheaders and the labels for the items below in grey and in black? I would like them all in white font(?)
Thank you!
-
Vick_W Jotform SupportReplied on February 22, 2021 at 2:40 AM
Hi there,
Please inject the following CSS in your form to change the text color to white.
span.form-sub-label, label.form-sub-label, div.form-header-group .form-subHeader, .rating-item-title.for-to > label:first-child, .rating-item-title.for-from > label:first-child, .rating-item-title .editor-container * {
color: #ffffff;
}
Here is the guide with instructions.
https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Let us know if you need further assistance.
Thanks
-
Melissa_LangReplied on February 22, 2021 at 8:26 AM
Perfect, thank you so much!! Is there also a code to change the heading font for the configurable list widget? :-)
-
Girish JotForm SupportReplied on February 22, 2021 at 8:34 AM
Do you want to change these headings to white?
If yes, please add this CSS into the Custom CSS tab of the widget:
th{
color: white;
}
Related guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets
-
Melissa_LangReplied on February 22, 2021 at 8:52 AM
Yes, those headings. I tried it twice, but it didn't work for me(?)
-
Bojan Support Team LeadReplied on February 22, 2021 at 9:29 AM
Greetings.
I have checked your form, and it looks like you have added the provided CSS to Form Designer. Since the widget is inserted into your form using an iFrame, you need to add the CSS directly into the widget:
Let us know if this resolved your problem.
-
Melissa_LangReplied on February 22, 2021 at 9:34 AM
Perfect - thanks so much!