Title: Checkbox text selection
Last modified: June 17, 2020

---

# Checkbox text selection

 *  Resolved [mbuilders](https://wordpress.org/support/users/mbuilders/)
 * (@mbuilders)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/)
 * The text part of checkbox for contact form 7 doesn’t select the checkbox on clicking.
   I tried playing around, couldn’t fix it. How do I allow the checkbox to be selected
   even when someone clicks the text part of checkbox. Many thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckbox-text-selection%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Jainil Nagar](https://wordpress.org/support/users/jainilnagar/)
 * (@jainilnagar)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-12998267)
 * Hello [@mbuilders](https://wordpress.org/support/users/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](https://contactform7.com/checkboxes-radio-buttons-and-menus/).
 * ex:
    `[checkbox Webinars use_label_element "Entrepreneurship" "Freelancing" "
   UI/UX Design" "WordPress"]`
 *  Thread Starter [mbuilders](https://wordpress.org/support/users/mbuilders/)
 * (@mbuilders)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-12998783)
 * 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](https://www.gomasterbuilders.com/contact-form-test)
    -  This reply was modified 5 years, 11 months ago by [mbuilders](https://wordpress.org/support/users/mbuilders/).
 *  [Jainil Nagar](https://wordpress.org/support/users/jainilnagar/)
 * (@jainilnagar)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-12998852)
 * Hello [@mbuilders](https://wordpress.org/support/users/mbuilders/)
 * Yes you need to apply CSS for that.
 *  Thread Starter [mbuilders](https://wordpress.org/support/users/mbuilders/)
 * (@mbuilders)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-12999446)
 * Tried but couldn’t do anything about it. Any simple solution?
 *  [Jainil Nagar](https://wordpress.org/support/users/jainilnagar/)
 * (@jainilnagar)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-13001664)
 * Hello [@mbuilders](https://wordpress.org/support/users/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;
       }
       ```
   
 *  Thread Starter [mbuilders](https://wordpress.org/support/users/mbuilders/)
 * (@mbuilders)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-13002180)
 * This worked. Thanks so much Jainil. You’re a champ!!
    Really appreciate your 
   gesture.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Checkbox text selection’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [selection](https://wordpress.org/support/topic-tag/selection/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 6 replies
 * 2 participants
 * Last reply from: [mbuilders](https://wordpress.org/support/users/mbuilders/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/checkbox-text-selection/#post-13002180)
 * Status: resolved