How can I style the button on the Image Upload Preview widget?

  • Profile Image
    nicrigden
    Asked on February 23, 2018 at 05:09 AM

    Hi, I use the photo upload widget on my form, but the text that the user selects, in this case 'Select Image', is white on a white background so can't be read.

    Can you tell me the CSS required to change the look of this area please

  • Profile Image
    Jim_R
    Answered on February 23, 2018 at 07:24 AM

    Is this the form you're working on?

    https://www.jotform.com/71093473954968

    Following the screenshot you posted, go to the CUSTOM CSS tab of the widget then paste these CSS codes:

    #pickImage {

        background: #2a498b;

    }

    Please do this on all the widgets where you want to change the background color. I picked the color of your form's background but feel free to change the color value upon your discretion.

    Related guide: How-to-Inject-CSS-Codes-to-Widgets

    RESULT:

  • Profile Image
    nicrigden
    Answered on February 23, 2018 at 07:43 AM
    That is perfect! Thank you so much

    ...