Checkboxes and labels have too much space above and below

[freshetsolutions]

I’m trying to move the checkboxes and labels near the bottom of this form closer together.

Orders - Tender Perennials - Coastal Myst

If you scroll to the bottom, you’ll see that they’re spread out vertically much more than I’d like. But nothing I do with CSS brings them closer together. What am I missing?

Myst

[prakash_s]

Hello Myst,

Thanks for writing to us.

There is some style that is stopping to get aligned in line vertically with the text. For the quick fix, I would suggest you add this custom CSS code under Theme option —>CSS

span.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    margin-top: -3px;
}

Please feel free to change the margin value as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks