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

  • nicrigden
    Asked on February 23, 2018 at 5: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

    Jotform Thread 1394527 Screenshot
  • Support_Management Jotform Support
    Replied on February 23, 2018 at 7: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:

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

  • nicrigden
    Replied on February 23, 2018 at 7:43 AM
    That is perfect! Thank you so much

    ...