How to change the button of the Spreadsheet to Form widget

  • TheAgents
    Asked on June 11, 2019 at 11:01 AM

    How do I change the color of this button on this form? I want it to be bright orange and I want the words to be bold black.


    1560265280Capture Screenshot 10


    https://www.jotform.com/build/91506005555149

  • VincentJay
    Replied on June 11, 2019 at 12:36 PM

    You need to add custom CSS code to change the button of the widget. Here's the code:

    .input-btn {

    background-color: #512456;

    }

    Please follow the guide on how to add custom CSS code to Widget. Here's the link: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    1560270753zzzzzx25 Screenshot 10

    I hope this helps. Thank you.

  • TheAgents
    Replied on June 11, 2019 at 12:41 PM

    How do I change the font of the button color to black and bold?

  • Kiran Support Team Lead
    Replied on June 11, 2019 at 2:30 PM

    Do you mean to change the font color to blank and display in bold? If so, please change the CSS code provided in the previous post to the following.

    .input-btn {

    background-color: #512456;

    color: #000;

    font-weight: bold;

    }

    And the button should be displaying as below:

    156027782211062019 230656 Screenshot 10

    Hope this information helps!