Submit Button: Unable to Change Appearance and Size in Form

form 251263684219157

I have attempted to change it using the button change, but it still stuck with the tilted one!?

Also change it to 150px width, and remain center above the double line. Please advise

Hi RobocupjuniorUSA, 

Thanks for reaching out to Jotform Support. You can easily override the Theme's submit button style by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

.form-submit-button-reports-400.submit-button, li[data-type=control_button] button.jf-form-buttons.form-submit-button-reports-400.submit-button {

    color: #fff;

    border: none;

    background: linear-gradient(135deg, #b57edc, #6a0dad) !important;

    border-radius: 10px;

    width: 150px;

    transform: rotate(0deg);

    font-family: 'Cardo' !important;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Take a look at the screenshot below to see how it works after:Give it a try and let us know how it goes.

works. Thank you.

Hi Robocupjunior USA,

Your request has been answered and the thread is closed.

If you have another question or need more help, feel free to reply here and we'll assist you right away.