[Resolved] Forms Styling

[Brian]

Hi

I am developing a website and have hit a bit of a snag. I am trying to use ninja forms for a contact form. I was trying to get it to fill 80% of the given width on desktop so I added a container and it worked only to a point because I have check boxes included in it but the box and the label are separated. Could you please tell me how I could I fix this?

Kind Regards,

Brian Thompson

[David]

Hi there,

try adding this CSS:

.list-checkbox-wrap .nf-field-element ul li {
    display: flex;
    justify-content: center;
    margin-left: -35px !important;
}

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

[Brian]

Hi David,

Thanks for that, it worked! Much appreciated.

Kind Regards,

Brian Thompson

[David]

You’re welcome

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

[Author]

Posts