Ninja Form Alignment

Hello -

Can anyone help me with a fix for this issue? The check boxes in this form won’t align properly. I also tried using radio boxes and get the same issue.

The alignment is set to left in the modal element where I placed the shortcode.

Any help appreciated.
Thanks!

Hello @noizepro,

Thanks for writing in!

Please add following CSS under X > Theme options > CSS:

.list-checkbox-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
    padding-top: 6px;
}

.field-wrap>div input[type=checkbox], .field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit]{
position: absolute;
margin-top: 0;    
}

Please note that the plugin in question here is a 3rd party plugin. I have shared the code to help you get started. Beyond this further customization or issues coming because of the code will fall outside the scope of support we can offer.

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.

Thank you, Prasant!
That did point me in the right direction and worked with a slight modification.
I appreciate your help.

You’re welcome!
We’re glad @Prasant were able to help you out.

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