Changing the button Browse Button Color?

  • Profile Image
    Mother_info
    Asked on November 22, 2021 at 02:52 PM

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

  • Profile Image
    Sigit_W
    Answered on November 22, 2021 at 11:28 PM

    Hi,

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

    1637641414_619c6cc6941c1_

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

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


    Regards.

  • Profile Image
    Mother_info
    Answered on November 23, 2021 at 08: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?

  • Profile Image
    Nik_M
    Answered on November 23, 2021 at 09: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.gif

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

  • Profile Image
    Mother_info
    Answered 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.

  • Profile Image
    Kenneth_C
    Answered on November 23, 2021 at 11:32 AM

    Hi there,

    After customizing the form, here is how it looks:
    1637684994_619d17028c270_r1.png

    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.

  • Profile Image
    Mother_info
    Answered on November 23, 2021 at 12:21 PM

    Thanks so much, it worked! :)