How to change the button of the Spreadsheet to Form widget

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


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

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

    I hope this helps. Thank you.

  • Profile Image
    TheAgents
    Answered on June 11, 2019 at 12:41 PM

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

  • Profile Image
    Kiran
    Answered on June 11, 2019 at 02: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.png

    Hope this information helps!