Title: Gutenberg Column max-width issue
Last modified: July 2, 2021

---

# Gutenberg Column max-width issue

 *  Resolved [tcanning](https://wordpress.org/support/users/tcanning/)
 * (@tcanning)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/)
 * We are experiencing issues with the Columns Gutenberg Block not listening to 
   the customized max-width set in the OceanWP customizer settings.
 * I have updated the max width for full width blog posts here, customize > blog
   > single post. And that has worked, however the Gutenberg columns block seems
   to be getting it’s max width from another setting, and is not being overridden
   with the custom width of 850px.
 * Do you have any suggestions to resolve this?
 * Thanks for your time!
    -  This topic was modified 4 years, 11 months ago by [tcanning](https://wordpress.org/support/users/tcanning/).
    -  This topic was modified 4 years, 11 months ago by [tcanning](https://wordpress.org/support/users/tcanning/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fgutenberg-column-max-width-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14620929)
 * Hello [@tcanning](https://wordpress.org/support/users/tcanning/),
 * You can put the CSS below in Customizing Environment > Custom CSS/JS on the “
   CSS code” section:
 *     ```
       .single-post .wp-block-columns {
           max-width: 850px !important;
       }
       ```
   
 * I hope it helps.
 * Best,
 *  Thread Starter [tcanning](https://wordpress.org/support/users/tcanning/)
 * (@tcanning)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14621005)
 * Unfortunately that didn’t seem to work. I even tried to make it more specific
   and it still isn’t coming up when I inspect element.
 *     ```
       .single-post.content-max-width .wp-block-columns, .single-post.content-max-width .wp-block-text-columns, .single-post .wp-block-columns, .single-post .wp-block-text-columns {
           max-width: 850px !important;
       }
       ```
   
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14624898)
 * Hello [@tcanning](https://wordpress.org/support/users/tcanning/),
 * In fact, you made a config error: [https://i.postimg.cc/rFdxmqSp/image.png](https://i.postimg.cc/rFdxmqSp/image.png).
 * First, you need to put your CSS code in the “style” or CSS section.
    Then you
   need to paste the CSS exactly that I write.
 * Please check this screenshot: [https://i.postimg.cc/yYBWqBv5/image.png](https://i.postimg.cc/yYBWqBv5/image.png)?
 * Best,
 *  Thread Starter [tcanning](https://wordpress.org/support/users/tcanning/)
 * (@tcanning)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14632172)
 * I might have to work with our back end person as we don’t have seem to have a
   CSS section in the customizer.
 * [https://postimg.cc/LgZzPNT9](https://postimg.cc/LgZzPNT9)
 * Thanks so much for the additional digging into it and for the help!
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14632442)
 * Hello [@tcanning](https://wordpress.org/support/users/tcanning/),
 * Thank you for reaching out,
 * I think it’s plugin conflicts. You can deactivate all plugins and then activate
   one by one and check this issue it’s back or not.
 * To solve your issue about CSS, first, install the child theme; please read this
   guide: [https://docs.oceanwp.org/article/90-sample-child-theme](https://docs.oceanwp.org/article/90-sample-child-theme).
 * [Download Child Theme ](https://github.com/oceanwp/oceanwp-child-theme/archive/refs/heads/master.zip)
 * Then head over to WordPress Dashboard > Appearance > Theme Editor
    Find your 
   website child theme and select that Next, add your CSS into style.css file
 * → check this screenshot please: [https://i.postimg.cc/526sg1zn/image.png](https://i.postimg.cc/526sg1zn/image.png)
 * Note: please remove the custom JS.
 * Best,
    -  This reply was modified 4 years, 11 months ago by [Shahin](https://wordpress.org/support/users/skalanter/).
 *  Thread Starter [tcanning](https://wordpress.org/support/users/tcanning/)
 * (@tcanning)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14635970)
 * The child theme route worked! Thank you again so much for your assistance with
   this!

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

The topic ‘Gutenberg Column max-width issue’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

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

 * 6 replies
 * 2 participants
 * Last reply from: [tcanning](https://wordpress.org/support/users/tcanning/)
 * Last activity: [4 years, 11 months ago](https://wordpress.org/support/topic/gutenberg-column-max-width-issue/#post-14635970)
 * Status: resolved