Title: Checkboxes not clickable Last modified: August 30, 2016 --- # Checkboxes not clickable * [ocpw](https://wordpress.org/support/users/ocpw/) * (@ocpw) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/) * I’ve created a contact form with checkboxes that are aligned vertically in two columns using a div tag. * Here is what the contact form looks like: * ```
Monday *
[checkbox* Monday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Tuesday *
[checkbox* Tuesday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Wednesday *
[checkbox* Wednesday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Thursday *
[checkbox* Thursday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Friday *
[checkbox* Friday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Saturday *
[checkbox* Saturday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
Sunday *
[checkbox* Sunday "10:00-12:00" "12:00-2:00" "2:00-4:00" "Every Week" "Every Other Week" "Monthly" "Not Available"]
``` * Here is what the css is: * ``` div.left { float: left; clear: both; width: 50%; } ``` * The way the columns are currently displayed are perfect, however, when I try to click on any checkboxes on the left side, I cannot check anything. But when I click on any checkbox on the right side, it works fine. * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/) Viewing 11 replies - 1 through 11 (of 11 total) * [davmerit](https://wordpress.org/support/users/davmerit/) * (@davmerit) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540071) * Please include a link to your Contact Form 7 form. If others here are able to understand your actual problem, they may be able and willing to offer a possible solution. * Thread Starter [ocpw](https://wordpress.org/support/users/ocpw/) * (@ocpw) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540153) * [http://ocpw.org/#schedule](http://ocpw.org/#schedule) * Basically all the checkboxes on the left side are uncheckable, that align with checkboxes on the right side. The checkboxes on the left at the very bottom work ok, and aren’t aligned with the right side, if that makes any difference. * [davmerit](https://wordpress.org/support/users/davmerit/) * (@davmerit) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540184) * This is could be due to a JavaScript conflict with either your current WordPress theme or one of the other plugins you are using – see [Contact Form 7 Email Issues](http://contactform7.com/setting-up-mail/#Contact_Form_7_Email_Issues)– there is a link there that covers JavaScript Conflicts. * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/) to examine JavaScript conflicts in detail. * Remember that a problem in one script can cause issues in another. For example, some jQuery errors can stop jQuery processing any more script, which can make the culprit hard to find. A jQuery error in one of your plugins or your themes javascript files can stop jQuery processing before it gets to the CF7 script. * See [http://www.wpexplorer.com/plugin-conflicts/](http://www.wpexplorer.com/plugin-conflicts/) for general guidance. * [sweetsamy28](https://wordpress.org/support/users/sweetsamy28/) * (@sweetsamy28) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540185) * its difficult to understand the real problem from the above question. May be you want to try using chrome inspect element or developer tools. * I am not sure, but it seems like your css is probably making any div to be on top of checkbox hence its visible but not clickable. * Sam Projects implemented [http://www.jobofy.com](http://www.jobofy.com) [http://www.healthphr.com](http://www.healthphr.com) [http://www.livewebtraffic.com](http://www.livewebtraffic.com) * [Neil Murray](https://wordpress.org/support/users/buzztone/) * (@buzztone) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540188) * [@sweetsamy28](https://wordpress.org/support/users/sweetsamy28/) – are the links you have posted in your reply relevant to the OP’s question? * Thread Starter [ocpw](https://wordpress.org/support/users/ocpw/) * (@ocpw) * [10 years, 7 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540189) * [@sweetsamy28](https://wordpress.org/support/users/sweetsamy28/) I use the Jetpack CSS Stylesheet Editor to input custom CSS. I tried removing all other CSS and only keeping the two for this particular contact form but it was still not clickable. * ``` div.left { float: left; clear: both; width: 50%; } span.wpcf7-list-item { margin-left: .5em; display: block; } ``` * Thread Starter [ocpw](https://wordpress.org/support/users/ocpw/) * (@ocpw) * [10 years, 6 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540352) * Anyone have any ideas what could be causing this or a possible solution? * [davmerit](https://wordpress.org/support/users/davmerit/) * (@davmerit) * [10 years, 6 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540354) * I have used [Firebug](https://getfirebug.com/) to examine your form, here is what I strongly suspect to be the cause of the problem. * CSS CODE: * ``` div.left { float: left; clear: both; width: 50%; } ``` * When float left is disabled all the checkboxes become clickable. Using `float: left;` like this is likely to cause problems with following items – particularly if you aren’t 100% sure what you are doing. ​ Easiest way to fix might be to to prevent the use of `float: left;` * Thread Starter [ocpw](https://wordpress.org/support/users/ocpw/) * (@ocpw) * [10 years, 6 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540382) * [@davmerit](https://wordpress.org/support/users/davmerit/) – Yeah, I found that removing float:left would fix the checkboxes being clickable, but I can’t get the same formatting, 2 evenly match columns. Originally I had the two columns in a table but everything wasn’t lining up correctly and so I used div class which looks great, but doesn’t work properly. * I’m not sure what the most effective method of displaying these checkboxes in 2 columns would be * [davmerit](https://wordpress.org/support/users/davmerit/) * (@davmerit) * [10 years, 6 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540383) * You could consider using [Contact Form 7 Skins](https://wordpress.org/plugins/contact-form-7-skins/) to style your Contact Form 7 Forms. * You can now use the add-on [CF7 Skins Ready](http://cf7skins.com/add-ons/ready/) to make a 2 column contact form * [fgAFMSP](https://wordpress.org/support/users/fgafmsp/) * (@fgafmsp) * [10 years, 2 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540429) * I am having a similar issue. I’ve tried using dropdown, checkboxes or radio buttons and they work on a windows desktop, but do not show on an android phone, or on a windows 8.1 tablet. Here’s the code (using checkbox) I’m using. * ```
[checkbox* checkbox-694 use_label_element exclusive "Arts & Culture|artsCulture@airportfoundation.org" "TA Manual|ta_manual@airportfoundation.org" "MAC|mac_msp@airportfoundation.org"] [text* your-name class:name] [email* your-email] [text* your-subject] [textarea your-message 37x]

[submit "send form"]

``` * Please Help.. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Checkboxes not clickable’ 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/) * 11 replies * 5 participants * Last reply from: [fgAFMSP](https://wordpress.org/support/users/fgafmsp/) * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/checkboxes-not-clickable/#post-6540429) * Status: not resolved