Checkbox text selection

Hello @mbuilders

You need to use the use_label_element option in the checkbox which will wrap checkbox and text with a <label> tag. Check here.

ex:
[checkbox Webinars use_label_element "Entrepreneurship" "Freelancing" "UI/UX Design" "WordPress"]

Thanks for quick reply Jainil. I tried this out. The checkboxes become big & misaligned..
Created a test page- https://www.gomasterbuilders.com/contact-form-test

• This reply was modified 4 years, 9 months ago by mbuilders.

Hello @mbuilders

Yes you need to apply CSS for that.

Tried but couldn’t do anything about it. Any simple solution?

Hello @mbuilders

Add the following CSS:

label input[type=checkbox], label input[type=radio] {
    height: 17px;
    width: 17px;
    cursor: pointer;
    display: inline-block;
}
.tb-contact-form-wrapper span.wpcf7-list-item-label {
    display: inline-block;
    font-weight: 400;
    line-height: 27px;
    font-size: 17px;
    color: #707070;
    padding-left: 5px;
    margin-bottom: 0px;
}

This worked. Thanks so much Jainil. You’re a champ!!
Really appreciate your gesture.