How do I inject CSS in the PDF Editor?

Can I get the buttons from the PDF Editor Form Builder to match the buttons from the PDF Connector Form Builder using CSS? The option isn't in the styles pane. See screenshot. Thanks!

Do you want to inject CSS in the PDF editor to customize the save, submit, back buttons?

or you want to customize styling in the online form in the Form builder?

Please be noted it is only possible to inject CSS in the online version of the form in the Form builder in Classic layout form.

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

Let us know if you have further questions.

Thanks.

The standard button style/layout in the new "PDF Converter" version of the form builder is different than that of the older "PDF Editor" version of the form builder. The newer button layout is preferred. I just want the online forms to all match the new standard version. I need the CSS code for the buttons at the top section of my screenshot, so I can inject it everywhere the bottom style of buttons live.

Hello,

On which form do you want to set up this format?

From the screenshot, this button setup can be available on your online forms, when you use the new Upcoming Form theme.

Please review and let us know.

Hello, I have several forms that are not built from imported PDFs, but to which I apparently need to apply the "Imported PDF Default Theme" (there is no "Upcoming Form" theme) in order for the buttons to all match and be large and green. In the examples below, you can see there is a wide variation of color and button position. This is determined by using the Imported PDF form builder vs. the form standard builder. I just need all the buttons to look like example 1. I also need to Switch the position of the Save button and the Next button on example 4, as users get confused and keep hitting 'Save' instead of 'Next'. This is due in part to the fact that all the forms are tied together, one after the other, so the user gets into a rhythm that is interrupted and inconsistent. Can you help? Thanks!

Hello,

I understand that you want your online forms (not imported PDF ones) to have the button styles as shown in example 1.

This can be achieved either by using CSS or changing the form theme.

Please let us know at least one form URL where you want this implemented so that we could check the same.

Of course, 

This form's buttons:

https://hipaa.jotform.com/202057304077145 

Needs to look like this form's buttons:

https://hipaa.jotform.com/202008760650043

and

Thanks for the form details.

Let me check and revert.

Please add this CSS code into the form  https://hipaa.jotform.com/202057304077145 to update the button style of Save and Submit buttons:

button#input_scl_2 {

    background-color: rgb(1, 189, 111)!important;

    color: white!important;

    border-radius: 5px;

    height: 45px;

    width: 120px;

    padding: 12px 18px 12px 18px;

}

.form-submit-button {

    color: #fff;

    border: 1px solid #01BC70;

    border-radius: 5px;

    background: rgb(1, 189, 111);

    box-shadow: none;

    text-shadow: none;

    margin: 0 8px 0 0;

    height: 45px;

    width: 120px;

    padding: 12px 18px 12px 18px;

}

Related guide: How-to-Inject-Custom-CSS-Codes 

Getting closer...when I view the form it looks like the below. I also need the Next button to be green (or actually the Next button to be green and the Save button to be grey in this instance). I tried my own code and it didn't work :)

Hello,

Sorry, but the CSS code I provided was for the form https://hipaa.jotform.com/202057304077145 to change the button styles.

I'll check your second requirement for your form https://hipaa.jotform.com/202055644477053 regarding switching positions of Next and Save button.

I'll revert via this ticket link. 

To address your issue better, I have moved your second requirement to a new ticket link.

Here is the new link: https://www.jotform.com/answers/2501492-Switch-positions-of-Save-and-Next-buttons