WP hybrid theme: HTML block styles not rendering correctly on archive

We are trying to create a hybrid theme which has some custom code in it that requires us to develop some templates in php. On a single.php the blocks are rendered as expected, but on the archive.php page they aren’t.

To avoid CSS bloat, we assumed the correct way to develop this would be to use the WP block editor to “design” the layout of the archive using the built in WP styles then copy the code and replace within to display post title etc.

Unfortunately this isn’t rendering correctly the blocks. For example, in our theme.json we have colors and rounded corners specified for buttons but they display as the dark black square buttons, seemingly ignoring our theme.json file. Columns aren’t rendered, things like that.

Is there something we need to add at code level to have the HTML/CSS render as expected?

• This topic was modified 1 year, 10 months ago by hisfarsha.