Theme.json in Bricks Child theme

How do we could use a theme.json file in our bricks child theme ?
As soon as I load a theme.json in the child theme all the fonts and defaults in Gutenberg are replaced.
Even with an empty theme.json. It occurs directly in the presence of the file.
I would need to use a theme.json as I have some settings like layout contentSize (to match Gutenberg editor width to the width of the frontend) or others default settings for some Gutenberg style controls to ease the work of editors.
Seems to me like Bricks builder is incompatible with theme.json child theme functionnality.
Is there a specific way to make this work ?

1 Like

Can you put your CSS in the child theme’s style.css file or the Bricks custom code panel? I think you are correct that Bricks doesn’t support theme.json.

Sadly, it’s not CSS style, it’s theme.json directive to unable some controls in Gutenberg.

1 Like

You ever figure this out? Running into the same issue. Would like to adjust some things in Gutenberg but as soon as I add a theme.json to my child theme all the styling in the editor breaks.

you can create your theme.json and create your block editor defaults. but keep it in mind it may create conflicts if you are not careful. be sure you have the same fonts and same colors …etc between block theme.json and bricks theme styles.

yes you can use it together it is fine it works in child theme as well. bricks doesnt blocks you to do that.

theme.json is not css but it generates css styles for block editor both in editor and frontend as well. only problem is there is no proper visual editor to create theme.json. actualy there is but for that you need t ohave block theme and this plugin create block theme activated.

install a block theme and install this plugin create your theme.json and then copy paste to your child theme thats it easy.

1 Like