Changing font colors for subheaders

  • Profile Image
    Melissa_Lang
    Asked on February 21, 2021 at 09: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_


    1613959762_603312525cd1d_

  • Profile Image
    Vick_W
    Answered on February 22, 2021 at 02: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

  • Profile Image
    Melissa_Lang
    Answered on February 22, 2021 at 08:26 AM

    Perfect, thank you so much!! Is there also a code to change the heading font for the configurable list widget? :-)

  • Profile Image
    gerardw
    Answered on February 22, 2021 at 08:34 AM

    Do you want to change these headings to white?

    1614000622_6033b1eed9212_2202_15.png

    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

  • Profile Image
    Melissa_Lang
    Answered on February 22, 2021 at 08:52 AM

    Yes, those headings. I tried it twice, but it didn't work for me(?)

  • Profile Image
    Bojan_J
    Answered on February 22, 2021 at 09: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.png

    Let us know if this resolved your problem.

  • Profile Image
    Melissa_Lang
    Answered on February 22, 2021 at 09:34 AM

    Perfect - thanks so much!