How to change submit button color in a theme?

  • NHEMICE12
    Asked on December 15, 2016 at 2:48 AM

    When I adapt the form with a theme, is it possible to change manually for the submit button? I wanted to change to the Leather Black button instead

    Theme - Nature - Bleak Desert

     

  • emily
    Replied on December 15, 2016 at 3:19 AM

    Hi,

    Thank you for contacting us.

    Please give me some time for making further inspections. I will notify you when I find a solution.

     

  • emily
    Replied on December 15, 2016 at 5:36 AM

     

    Hi again, 

    Since you are using a theme for your form, it is affecting the style of the submit button. To change the style of the button, kindly add the custom CSS code below. Please remove any CSS codes you have added to your form before.

     

    #input_2.form-submit-button{

       width: auto;

        height: auto;

        border-radius: inherit !important;

        padding: 10px 30px !important;

        cursor: pointer;

        -moz-border-radius: .5em;

        -webkit-border-radius: .5em;

        border-radius: .5em;

        padding: 10px 18px;

        color: #fff !important;

        font-family: Arial,Helvetica,sans-serif;

        font-size: 14px;

        font-weight: bold;

        text-shadow: 0px 2px 0px #000;

        border: 2px dashed #fff !important;

        -moz-box-shadow: 0 0 0 4px #262626, 0 4px 0 4px #000000, 0 6px 3px 4px rgba(0, 0, 0, 0.40) !important;

        -webkit-box-shadow: 0 0 0 4px #262626, 0 4px 0 4px #000000, 0 6px 3px 4px rgba(0, 0, 0, 0.40) !important;

        box-shadow: 0 0 0 4px #262626, 0 4px 0 4px #000000, 0 6px 3px 4px rgba(0,0,0,0.40) !important;

        background: #4d4d4d;

        background-image: url(/images/leather.png ) !important;

        border-radius: 10px !important;

    }

    Here is the user guide on injecting custom CSS codes.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

     

    Please let us know if you encounter any problem.

    Thank you.