Customizer – Additional CSS

[danielleB]

I want to do a simple color edit in the Ninja form plugin CSS. What is the best way to do it without modifying the plugin files? Can it be done in the customizer's additional CSS? And if so, how do I point to the right CSS file? I tried it by simply copy/pasting the line of code in the plugin CSS file, but it didn't work.

This is the path to the NINJA FORM PLUGIN CSS: ASSETS/CSS/DISPLAY-OPINIONS-LIGHT.CSS

This is the code I added to the customizer:

/*NINJA FORM SUBMIT BUTTON COLOR MODIFICATION*/
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
background: #3c2411;
border: 0;
color: #f7f7f7;
transition: all .5s;
}

Many thanks,

---

Danielle

http://developing locally

[Anita]

Ninja Forms has instructions on this - https://ninjaforms.com/blog/add-custom-css-to-wordpress-forms/. The easy way is the Customizer.

---

Love coffee, chocolate and my Bella!

[danielleB]

This reply has been marked as private.

[Brad Dalton]

You can also add the CSS at the end of your child themes style sheet like this.

#nf-field-298 {
  height: 100px !important;
}

That should override the CSS loaded by the plugin.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts