Modifying default width of WordPress pages using new themes like Blockbase
I found the content to be quite narrow out of the box at 620px.
I really wanted the default view for folks with wider screens such as myself to be a little wider, so I went on an adventure to change this.
Some old themes provided this as an option that could be customized, Blockbase did not. I tried various bits of CSS from posts on the web which looked like they might work, but with no success.
This post shows how WordPress themes configure the layout widths that are selectable using the width toggles within the block editor. In a file called theme.json, that looks something like the following:
The solution I selected on was to modify the theme.json of Blockbase directly to make things wider.
The default sizes for the two supported widths were 620px for normal content and 1000px for when wide content was selected on a block. (source code)
I went ahead and changed this to 1000px and 1200px using the built-in WordPress theme editor under Tools >> Theme file editor, and selecting theme.json in the side bar.
Now I can enjoy slightly wider content out of the box!
Hopefully, this post will help some other folks find this solution.
The one downside is I imagine this alteration will need to be applied every time the theme updates.
Ideally, there would be a way to globally set/override this for a theme.