Is it possible to change font style, size, and color of the configurable list drop down text?

  • Lachen_David
    Asked on May 9, 2025 at 3:05 PM

    Is is possible to change the font style, size, and color of the configurable list widget labels?


    Is it possible to change font style, size, and color of the configurable list drop down text?


    Is it possible to change font style, size, and color of the configurable list drop down text? Image 1 Screenshot 20

    https://www.jotform.com/build/251285750117152




  • Jerlan JotForm Support
    Replied on May 9, 2025 at 3:12 PM

    Hi David,

    Thanks for reaching out to Jotform Support. Yes, it is possible by injecting custom CSS code into the widget. Let me walk you through it:

    1. Open your form in Form Builder, scroll down, and select the Configurable List widget.
    2. Click on the Wand icon on the right side of the widget to open Widget Settings.
    3. Under the Custom CSS tab, paste the code into the CSS Code box.

    Is it possible to change font style, size, and color of the configurable list drop down text? Image 1 Screenshot 20 Because widgets reside in their iframes, CSS must be injected directly into the widget's Custom CSS area for it to take effect.

    If you need help with the exact CSS code to use for styling the labels or dropdown text, feel free to ask.

    Give it a try and let us know how it goes.

  • Lachen_David
    Replied on May 9, 2025 at 3:17 PM

    Yes ill need help with the exact css code

  • Jerlan JotForm Support
    Replied on May 9, 2025 at 3:22 PM

    Hi David,

    Can you share your preferred font style, size, and color?

    Once we hear back from you, we'll be able to help you with this.

  • Lachen_David
    Replied on May 9, 2025 at 3:50 PM

    Lets just say for example Size 14, Montserrat, Color #2E5F82

  • Reymae JotForm Support
    Replied on May 9, 2025 at 4:19 PM

    Hi David,

    You can try injecting this custom CSS Code below to change the font style, size, and color of your configurable list widget.

    .configurable-list-field-wrapper {
     font-size: 14px;
     font-family: 'Montserrat', sans-serif;
     color: #2E5F82
    }

    Give it a try and let us know if you need any help.

  • Lachen_David
    Replied on May 9, 2025 at 4:34 PM

    That didnt do anything

  • Lachen_David
    Replied on May 9, 2025 at 4:46 PM

    nevermind it worked

Your Answer