Ninja Forms Global styling

[Michael]

Michael

April 22, 2020 at 3:14 am

Hi

I have a quick signup Ninja form in a Popup and in the Footer of my site (Form 1)

There’s another form on the contact page (Form 2)

I have a global style for the “required” fields and content labels

.nf-form-fields-required {
display: none;
}
.nf-form-content label {
font-size: 20px
line-height: 26px !important;
font-weight: 400 !important;
}

This is working good on all forms.

—

The submit button styling is currently targeting specific fields in specific instances of the form:

input#nf-field-19_2 {
background: #ebe811 !important;
color: #000000 !important;
}
input#nf-field-19_2:hover {
background: #a0ba0d !important;
color: #000000 !important;
}

input#nf-field-19 {
background: #000000 !important;
color: #ffffff !important;
}
input#nf-field-19:hover {
background: #ffffff !important;
color: #000000 !important;
}

input#nf-field-25_1 {
background: #ebe811;
color: #000000;
}
input#nf-field-25_1:hover {
background: #a0ba0d;
color: #000000;
}

How do I globally apply the submit button colours for all forms in all instances across the site?

I’d like to combine / simplify all styling CSS for all forms.
Is this possible?