Title: Checkbox 2 column
Last modified: September 20, 2017

---

# Checkbox 2 column

 *  Resolved [sak86](https://wordpress.org/support/users/sak86/)
 * (@sak86)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/checkbox-2-column/)
 * Hey there,
 * I would like to know if it’s possible to add a single checkbox with approximately
   12 values and on desktop to shown as 2 column or even 3
 * Thanks

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

 *  Plugin Author [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * (@gusruss89)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/checkbox-2-column/#post-9513245)
 * Hi [@sak86](https://wordpress.org/support/users/sak86/),
 * It’s not currently possible out-of-the-box, it’s been on my to-do list for a 
   while and may eventually be added as a feature.
 * Depending on how long the text is for each checkbox, you might be able to do 
   it with some custom CSS. (Longer text often makes it harder to align the columns
   nicely)
 * In Customise > Material Design Forms > Custom CSS, try adding something like 
   the following:
 *     ```
       @media (min-width: 768px) {
           #cf7md-form .cf7md-checkbox-item {
               width: calc(50% - 20px);
               padding-right: 20px;
           }
       }
       ```
   
 * The above would apply to _all_ of your checkbox fields. If you only want it to
   apply to one, replace `#cf7md-form .cf7md-checkbox-item {` with `#cf7md-form .[[
   checkbox-name]] .cf7md-checkbox-item {`, where [[checkbox-name]] is the name 
   that you use in your email template to display the field.
 * Thanks,
    Angus
 *  Thread Starter [sak86](https://wordpress.org/support/users/sak86/)
 * (@sak86)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/checkbox-2-column/#post-9514014)
 * Thank you Angus
 * I modify it a bit and it’s working like a charm!
 *     ```
       @media (min-width: 768px) { 
       #cf7md-form .cf7md-checkbox-item { 
       width: calc(33% - 0px); 
       padding-right: 0px; 
       } 
       ```
   
 * No now i have 3 columns
 * Also for some reason the styling of the checkbox, radio buttons is not the same
   as the other text label
 * Is there a quick fix so all are unified color-wise
 * Thank you
 *  Plugin Author [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * (@gusruss89)
 * [8 years, 8 months ago](https://wordpress.org/support/topic/checkbox-2-column/#post-9515422)
 * Hi [@sak86](https://wordpress.org/support/users/sak86/),
 * I’m not sure why that would change the colours. Do you have a live link where
   I can have a look?
 * Thanks,
    Angus

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

The topic ‘Checkbox 2 column’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/material-design-for-contact-form-
   7_f8f8f8.svg)
 * [Material Design for Contact Form 7](https://wordpress.org/plugins/material-design-for-contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/material-design-for-contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/material-design-for-contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/material-design-for-contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/material-design-for-contact-form-7/reviews/)

## Tags

 * [2-column](https://wordpress.org/support/topic-tag/2-column/)

 * 3 replies
 * 2 participants
 * Last reply from: [GusRuss89](https://wordpress.org/support/users/gusruss89/)
 * Last activity: [8 years, 8 months ago](https://wordpress.org/support/topic/checkbox-2-column/#post-9515422)
 * Status: resolved