Changing font colors for subheaders

  • Melissa_Lang
    Asked 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!

    1613959847 603312a791428  Screenshot 10


    1613959762 603312525cd1d  Screenshot 21

  • Vick_W Jotform Support
    Replied 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_Lang
    Replied 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 Support
    Replied on February 22, 2021 at 8:34 AM

    Do you want to change these headings to white?

    1614000622 6033b1eed9212 2202 15 Screenshot 10

    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_Lang
    Replied 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 Lead
    Replied 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:

    screenshot 3852 Screenshot 10

    Let us know if this resolved your problem.

  • Melissa_Lang
    Replied on February 22, 2021 at 9:34 AM

    Perfect - thanks so much!