Decrease font size of Ninja Form

Support
#1

Can you help me with the CSS to decrease the font size on my Ninja Forms?

Thank you in advance for you help.

#2

Hello @bcoplin,

Thanks for writing in!

Please use following CSS under Pro > Theme Options > CSS to change the font size:

.nf-form-content label {
    font-size: 14px !important;
}

.nf-form-content .ninja-forms-field {
    font-size: 12px !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.