What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I use css to change the font color for the ddslick dropdown widget?

    Asked by criterions on May 31, 2016 at 03:00 PM

    I'm using the ddSlick dropdown control and want to know if I can change - via CSS -the color of the description text. The control is great, but I hate the color of the description text - not nearly readable enough.

    Page URL:
    https://form.jotform.com/61514990907967

    Screenshot
    ddSlick dropdown ddSlick use use css
  • Profile Image
    JotForm Support

    Answered by KadeJM on May 31, 2016 at 03:59 PM

    I understand you want to change the font color of the descriptive text for our ddslick widget.

    You are referring to the title and brief subscription as highlighted in my screenshot below, correct?

  • Profile Image

    Answered by criterions on May 31, 2016 at 04:03 PM

    Absolutely correct - can't figure out what the correct syntax should be in the custom css section.

  • Profile Image
    JotForm Support

    Answered by KadeJM on May 31, 2016 at 04:13 PM

    Okay thanks for confirming that for us.

    I had a feeling that was the case so I went ahead and did the groundwork for you to lend a hand.

    To change this you can inject the following lines of css code below into the widget wizard's css tab.

    To get there just select the widget field on your formbuilder then click the wizard wand () to open up the wizard settings followed by selecting the custom css tab.

     

    Once there you can add one of these css codes and then simply replace the color with your color of choice or hexcode.

     

    This css code will change the description title for your listed options.

    label.dd-option-text { color: blue;}

     

    And this css code will change the descriptive text of those listed options.

    small.dd-option-description.dd-desc {color: orange;}

     

     

    Example Result:

  • Profile Image

    Answered by criterions on May 31, 2016 at 04:17 PM

    Awesome -thanks a bunch.