How do I change the text color of the image picker widget?

  • brennanmorrow
    Asked on April 26, 2016 at 10:39 AM

    Right now its grey and not readable, I am stumped on what CSS would call that font so I could turn it white. 

    thanks, 

    (my form is here: http://solatubevirtualinstaller.com/

    Step 3 

  • David JotForm Support
    Replied on April 26, 2016 at 11:58 AM

    Under the CSS tab for the widget, add this code:

    .imageLabel{
    color : white;
    }

    How do I change the text color of the image picker widget? Image 1 Screenshot 20

     

  • brennanmorrow
    Replied on April 26, 2016 at 12:44 PM
    Thanks so much for the fast reply.
    This however did not work. Any ideas?

    Brennan Morrow

    541.306.4141 office
    541.390.5976 cell
    Brennan@SolatubeBend.com

    CCB#207440
    ...
  • David JotForm Support
    Replied on April 26, 2016 at 12:50 PM

    Here is my test form with the changes made:

    https://form.jotform.com/61165164520953

    The color for the image labels in the image picker widget are indeed updated to white.  Make sure the CSS is being added to the widget's CSS section and not to the form itself.

     

  • brennanmorrow
    Replied on April 26, 2016 at 1:44 PM
    This is weird. so I think i did it like you suggested. Is this what you
    did?
    http://www.awesomescreenshot.com/image/1199902/6d001589de5014b170f638795d159731

    Brennan Morrow

    541.306.4141 office
    541.390.5976 cell
    Brennan@SolatubeBend.com

    CCB#207440
    ...
  • David JotForm Support
    Replied on April 26, 2016 at 3:11 PM

    Same thing except you are missing a "." before imagelabel.

    Yours is:

    imageLabel{
    color : white;
    }

    The correct code:

    .imageLabel{
    color : white;
    }

    Add in that period and you should be all set.

  • brennanmorrow
    Replied on April 26, 2016 at 3:44 PM
    You are awesome!

    Brennan Morrow

    541.306.4141 office
    541.390.5976 cell
    Brennan@SolatubeBend.com

    CCB#207440
    ...