[cxanderParticipant]

My website URL is http://www.soundinnovationdj.com

I opted to use Ninja Forms over Contact Form 7. All of the fields are required in order to submit the form. However, if skipping over a field, a message “This is a required field.” appears below it. I don’t want this to happen because my form is over a section with a background image. The text “This is a required field.” increases the height of that section which then increases the height of the background image.

I was wondering if it was possible to hide the text “This is a required field.” and instead have the field have a thin (maybe 1-2px) red boarder indicating to the user they must fill that field out. This way the section will not change in height.

Many thanks for the help. The staff here at Themeco have been amazing and your support is what has been most valuable so I can achieve my exact vision for my website.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.nf-error-wrap.nf-error {
    display: none !important;
}
.nf-error .ninja-forms-field {
    border: 1px solid #E80000 !important;
}

Hope it helps 🙂

[cxanderParticipant]

Yup that is exactly what I needed, but there is one more piece of text I would like to remove. Below the submit button there is error text that says “Please correct errors before submitting this form.” Can I also hide that?

[ThaiModerator]

Please add the following CSS:

.nf-error-msg.nf-error-field-errors {
    display: none;
}

Hope it helps 🙂

[Author]

Posts