Formatting Contact Form 7 Checkboxes

[emeffinsteve]

I’m using CF7 and it’s… suuuuuper ugly. hahaha

Can you provide some guidance on getting these looking nicer? I just need them spaced nicer. Maybe if I could use a two-column look for them on desktop?

https://mosaicneo.org/next-steps/serve/

[Prasant]

Hello Steve,

Thanks for reaching out.

Please add following CSS under Pro > Theme Options > CSS:

.wpcf7 {
    margin-top: 10px;
}

span.wpcf7-list-item {
    display: inline-block;
    width: 45%;
}

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.

[emeffinsteve]

This worked perfectly! Thanks so much!!

[nabeel]

Glad we could help.

Cheers!