Title: Column width in %
Last modified: February 4, 2021

---

# Column width in %

 *  Resolved [danihu](https://wordpress.org/support/users/danihu/)
 * (@danihu)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-width-in/)
 * Hello. I have now 3 columns for the checkbox area. How can I define the column
   width in percentages. Due to the different text lengths it looks not professional
   now. If I can define the width in %, I could adjust them precisely. Thank you
   in advance.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcolumn-width-in%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Jade](https://wordpress.org/support/users/jadeam/)
 * (@jadeam)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-width-in/#post-14008801)
 * Hi [@danihu](https://wordpress.org/support/users/danihu/),
 * Thanks for writing in!
 * You will need to add some custom CSS on your site to do that. Please try this
   code:
 *     ```
       div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li {
           width: 30% !important;
       }
       ```
   
 * Please feel free to change the value of the width in the code above.
    And in 
   case it helps, here’s a tutorial from WPBeginner on [how to add custom CSS like this to your site](http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/).
 * Hope this helps!
 *  Thread Starter [danihu](https://wordpress.org/support/users/danihu/)
 * (@danihu)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-width-in/#post-14008984)
 * Hi Jade. This was not what I am looking for. Is it possible to define each of
   the three columns by different values, e.g. 45% 30% 25%? Thank you again.
 *  [Jade](https://wordpress.org/support/users/jadeam/)
 * (@jadeam)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/column-width-in/#post-14032118)
 * Hello [@danihu](https://wordpress.org/support/users/danihu/),
 * Thanks for clarifying.
 * To do that, please [add the class](https://a.supportally.com/3nri4c) `customized-
   three-columns` to your checkbox field then add this CSS code on your site:
 *     ```
       div.wpforms-container-full .wpforms-form .wpforms-field-checkbox.customized-three-columns ul li {
           display: inline-block;
           margin: 0 !important;
       }
   
       div.wpforms-container-full .wpforms-form .wpforms-field-checkbox.customized-three-columns ul li:nth-child(3n+1) {
           width: 45%;
       }
   
       div.wpforms-container-full .wpforms-form .wpforms-field-checkbox.customized-three-columns ul li:nth-child(3n+2) {
           width: 30%;
       }
   
       div.wpforms-container-full .wpforms-form .wpforms-field-checkbox.customized-three-columns ul li:nth-child(3n+3) {
           width: 25%;
       }
       ```
   
 * I hope this helps!

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

The topic ‘Column width in %’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [Jade](https://wordpress.org/support/users/jadeam/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/column-width-in/#post-14032118)
 * Status: resolved