Title: Option for Custom Column Widths?
Last modified: May 14, 2019

---

# Option for Custom Column Widths?

 *  Resolved [touchdowntech](https://wordpress.org/support/users/touchdowntech/)
 * (@touchdowntech)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/option-for-custom-width/)
 * I would love the option to have a 2-column layout where the first column is 2/
   3 and the second is 1/3. Or a 3-column layout where the first column is 1/4 the
   middle column is 1/2 and the right column is 1/4.
 * Is it possible to do this already?
    -  This topic was modified 7 years, 1 month ago by [touchdowntech](https://wordpress.org/support/users/touchdowntech/).

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

 *  Plugin Author [WebHolism](https://wordpress.org/support/users/webholism/)
 * (@webholism)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/option-for-custom-width/#post-11531440)
 * Hi touchdowntech,
 * Thanks for trying the plugin, and getting in touch.
 * If you could try adding the following CSS to your styles for the two column spacing
   you require:
 * [class*=”col-1-of-2″] {
    width: 66% !important; } [class*=”col-2-of-2″] { width:
   34% !important; }
 * For the three column layout, try:
 * [class*=”col-1-of-3″] {
    width: 25% !important; } [class*=”col-2-of-3″] { width:
   50% !important; } [class*=”col-3-of-3″] { width: 25% !important; }
 * If that does not yield the results that you are hoping, please could you take
   an export of your form using the Gravity Forms instructions found at: [https://docs.gravityforms.com/exporting-a-form-from-gravity-forms/](https://docs.gravityforms.com/exporting-a-form-from-gravity-forms/),
   and send it through to [hello@webholism.com](https://wordpress.org/support/topic/option-for-custom-width/hello@webholism.com?output_format=md)?
 * Thank you, and wishing you a marvellous day. 🙂
 * Kind regards.
 *  Thread Starter [touchdowntech](https://wordpress.org/support/users/touchdowntech/)
 * (@touchdowntech)
 * [7 years ago](https://wordpress.org/support/topic/option-for-custom-width/#post-11566121)
 * I was able to target the column with existing classes. I tried adding a class
   to the fields but was not successful in getting it to work that way. I applied
   the following CSS and have it working pretty well.
 * /* Custom Column Layout Sizing */
 * li.gfmc-column.gfmc-row-2-column.gfmc-row-2-col-1-of-3 {
    width: 50% !important;}
   li.gfmc-column.gfmc-row-2-column.gfmc-row-2-col-2-of-3 { width: 25% !important;}
   li.gfmc-column.gfmc-row-2-column.gfmc-row-2-col-3-of-3 { width: 25% !important;}
 * li.gfmc-column.gfmc-row-3-column.gfmc-row-3-col-1-of-3 {
    width: 50% !important;}
 * li.gfmc-column.gfmc-row-3-column.gfmc-row-3-col-2-of-3 {
    width: 25% !important;}
   li.gfmc-column.gfmc-row-3-column.gfmc-row-3-col-3-of-3 { width: 25% !important;}
 * li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-1-of-3 {
    width: 50% !important;}
 * li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-2-of-3 {
    width: 25% !important;}
   li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-3-of-3 { width: 25% !important;}
 *  Plugin Author [WebHolism](https://wordpress.org/support/users/webholism/)
 * (@webholism)
 * [7 years ago](https://wordpress.org/support/topic/option-for-custom-width/#post-11568101)
 * Hi [@touchdowntech](https://wordpress.org/support/users/touchdowntech/),
 * Thank you for the update. Sorry that the proposed solution failed to solve your
   problem.
 * Big congratulations on writing the CSS that you need and sharing it with us. 
   It will hopefully assist others that may encounter the same issue.
 * Wishing you a marvellous day.
 * Kind regards.

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

The topic ‘Option for Custom Column Widths?’ is closed to new replies.

 * ![](https://ps.w.org/gf-form-multicolumn/assets/icon-256x256.png?rev=1497218)
 * [Multiple Columns for Gravity Forms](https://wordpress.org/plugins/gf-form-multicolumn/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gf-form-multicolumn/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gf-form-multicolumn/)
 * [Active Topics](https://wordpress.org/support/plugin/gf-form-multicolumn/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gf-form-multicolumn/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gf-form-multicolumn/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [WebHolism](https://wordpress.org/support/users/webholism/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/option-for-custom-width/#post-11568101)
 * Status: resolved