[Resolved] Ninja Form not showing up

[Andrew]

Diabled the LSC plugin completely and manually put cloudflare to dev mode. I also flushed browser cache (Edge) and checked in Chrome and I can see the form.

[Andrew]

[Leo]

Yup I can see the form now.

Diabled the LSC plugin completely and manually put cloudflare to dev mode.

Please always do this when we ask to turn off the caching plugins. It really helps us to get to the issue quicker.

Looks like the issue is coming from Ninja form adding margin-right: 35%:
https://www.screencast.com/t/eSGCdOGzc

You can try to overwrite it with the same CSS selector.

[Andrew]

Yeah sorry, usually disabling it all from the plugin works.

Do you have any idea how to overide that? The depth of that CSS does my head in. 🙁

[Leo]

You’d use the exact same CSS selector as my screenshot:

.label-right .nf-field-description {
    margin-right: 0;
}

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

[Andrew]

Well I’ve exhausted my knowledge on this. Adding these to my custom CSS hasn’t worked and I’ve tried a range of things that also didn’t work.

Unless you guys are feeling generous enough to help work it out, then we can mark this ticket as resolved.

Thanks for your help.
Andrew

[David]

Try this CSS:

#nf-field-48-container.checkbox-container.label-right .nf-field-label {
    width: 20%;
}

#nf-field-48-container.checkbox-container.label-right .nf-field-description {
    margin-right: 0;
}

[Andrew]

David, I think I now have a man crush. You are a legend my friend.

[David]

Haha 🙂 Glad to be of help.

[Author]

Posts