Archived topic

Forms Styling

3 replies · Started by Brian on November 23, 2020

Viewing posts 1–4 of 4

November 23, 2020 at 4:33 am #1542118

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

November 23, 2020 at 5:34 am #1542169

Hi there,

try adding this CSS:

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

November 23, 2020 at 7:51 am #1542601

Hi David,

Thanks for that, it worked! Much appreciated.

Kind Regards,

Brian Thompson

November 23, 2020 at 7:53 am #1542604

You're welcome

This archived topic is closed to new replies.

Start building better websites today.