Change style and colour of Ninja Forms submit button

Hi there,

can you share a link to a page where i can see the Ninja Form ?

Hi David. It's at https://youreasymove.co.nz/contact-us/

Thanks

See link above

Ninja form is loading their own style so typically this should be answered by the plugin's support team.

You can try this CSS first:

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: #000;
    color: #fff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

Hi Leo. That didn't seem to work unfortunately so I'll contact the plug in support team. Cheers

It should've worked.

If you can add the CSS in then I can take another look to see why it isn't working.

Hi Leo, I've added in the code but since realised that I need the paid version of Ninja Forms to make style changes and I've only got the free one currently!

Hi Clare,

Try this CSS:

body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit] {
    background: #020202 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 10px 20px !important;
    font-size: inherit;
}

Fantastic Ying, that's worked! You guys are geniuses.

You are welcome Clare :)