Multiple Text Fields Widget CSS

  • dsid
    Asked on June 10, 2015 at 1:55 PM

    Is it possible to change the coloring of the font labels on the Multiple Text Fields Widget? If so, how/where?

  • BJoanna
    Replied on June 10, 2015 at 2:55 PM

    Unfortunately it is not possible to change color of Multiple text field widget. Some of the widgets are placed in an iframe container and injecting CSS codes within your form does not affect the widgets. One of widget is this widget you are using. Injecting custom CSS is not possible in this widget and if you are trying to override CSS of that widget with custom CSS it will not work.

    Possible workaround is to use regular text box fields on which you can apply Custom CSS. 

    For example you can add this code to make labels red. 

    .form-label.form-label-left {

    color : #ff000f;

    }

    Inside of this article you can find how to Inject Custom CSS: 

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Here is a demo form I made with two text box fields that have red labels: http://form.jotformpro.com/form/51605980244960? 

    Hope this will help. Let us know if you need further assistance. 

  • dsid
    Replied on June 10, 2015 at 3:14 PM

    Okay. I just don't get why you made the default text in the widget gray. Why not black? Black would be more standard and compatible with a greater variety of background colors.

  • BJoanna
    Replied on June 10, 2015 at 3:53 PM

    Our widget team is responsible for making widgets and suppose that they implemented widget with gray font color according to some standards. 

    Feel free to contact us if you have any further questions.