Title: change the gutter width when using two columns
Last modified: December 21, 2018

---

# change the gutter width when using two columns

 *  Resolved [loosefast](https://wordpress.org/support/users/loosefast/)
 * (@loosefast)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/)
 * I’m looking for the best way to change the gutter width when using two columns.
   It appears to be too wide. What would work would be to just remove the margin-
   left: 32px; from the second column. However, both columns have the same div.wp-
   block-column and I don’t see a way in Gutenberg to add an dditional CSS Class
   to the second column. What is best solution?
 * Thanks

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

 *  Moderator [Mel Choyce-Dwan](https://wordpress.org/support/users/melchoyce/)
 * (@melchoyce)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/#post-11017514)
 * Hey [@loosefast](https://wordpress.org/support/users/loosefast/), you could use
   something like:
 *     ```
       .has-2-columns .wp-block-column:nth-of-type(2) {
           margin-left: 0;
       }
       ```
   
 * It targets the second instance of `.wp-block-column` in a 2-column block.
 *  Thread Starter [loosefast](https://wordpress.org/support/users/loosefast/)
 * (@loosefast)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/#post-11017841)
 * [@melchoyce](https://wordpress.org/support/users/melchoyce/) Thanks!
 * Looks MUCH better!
 * loosefast
 *  Moderator [Mel Choyce-Dwan](https://wordpress.org/support/users/melchoyce/)
 * (@melchoyce)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/#post-11017843)
 * Awesome, glad I could help!
 *  [JS](https://wordpress.org/support/users/jsylvia90/)
 * (@jsylvia90)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/#post-11035502)
 * Hi,
 * I used the same technique as Mel mentioned for a different application technique
   to apply variable column widths. You can see a sample here: [https://wordpress.org/support/topic/tip-for-variable-columns/](https://wordpress.org/support/topic/tip-for-variable-columns/)
 * Plus for more precise CSS class selection you can always add a CSS class in the
   right settings column Block tab under the Advanced dropdown… just don’t put a“
   dot” in front of the class name. Then update and you will see the class assigned
   to the block. (Hope this explanation is clear.)
 * Good luck and Happy New Year.

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

The topic ‘change the gutter width when using two columns’ is closed to new replies.

 * ![](https://ps.w.org/gutenberg/assets/icon-256x256.jpg?rev=1776042)
 * [Gutenberg](https://wordpress.org/plugins/gutenberg/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gutenberg/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gutenberg/)
 * [Active Topics](https://wordpress.org/support/plugin/gutenberg/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gutenberg/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gutenberg/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [JS](https://wordpress.org/support/users/jsylvia90/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/change-the-gutter-width-when-using-two-columns/#post-11035502)
 * Status: resolved