Changing the button Browse Button Color?

  • Mother_info
    Asked on November 22, 2021 at 2:52 PM

    Can you please provide a custom code so that I can change the browse button color? Thanks so much

  • Sigit JotForm Support
    Replied on November 22, 2021 at 11:28 PM

    Hi,

    You can use the Advanced Designer to change the "Browse Files" button color.

    1637641414 619c6cc6941c1  Screenshot 10

    or inject this CSS code to change the "Browse Files" button background color.

    .form-submit-button_white {
      background-color : #BEBEBE !important;
    }


    Regards.

  • Mother_info
    Replied on November 23, 2021 at 8:44 AM

    Hello I added the code and it's still not working... also when I click on the design I see no option for button styles?

  • Nikola JotForm Support
    Replied on November 23, 2021 at 9:06 AM

    To which color do you want to change it?

    In the Advanced Designer, you need to click on the upload field or submit button to thee the Button Styles tab.

    1637676277 619cf4f564c60 button Screenshot 10

    Related Guide: Form Designer Tutorial: Let’s create fantastic forms!

  • Mother_info
    Replied on November 23, 2021 at 10:47 AM

    #FBCECD this is the color I am trying to change it to. If anyone could help make the change that would be greatly appreciated as I am still not finding it. Thank you in advance for your help.

  • Kenneth JotForm Support
    Replied on November 23, 2021 at 11:32 AM

    Hi there,

    After customizing the form, here is how it looks:
    1637684994 619d17028c270 r1 Screenshot 10

    If that is acceptable, you may insert this code into your Inject Custom CSS Area: https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

    .qq-upload-button.form-submit-button-simple_white {

      background: #FBCECD !important;

    }

    Let us know if you have any further questions.

    Best.

  • Mother_info
    Replied on November 23, 2021 at 12:21 PM

    Thanks so much, it worked! :)