Gutenberg Column max-width issue

Hello @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,

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;
}

Hello @tcanning,

In fact, you made a config error: 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?

Best,

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

Thanks so much for the additional digging into it and for the help!

Hello @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.

Download Child Theme

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

Note: please remove the custom JS.

Best,

• This reply was modified 3 years, 8 months ago by Shahin.

The child theme route worked! Thank you again so much for your assistance with this!