DUPLICATE: Site not centred after wordpress update

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: https://meditateinhuddersfield.org/
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

I am not sure if this is a bug that is strictly with Bricks, but my site has auto-updated to Wordpress 7 and now it is not centred on widescreens.

Looking at the CSS there is a declaration :

:where(body) {
margin: 0;
}

that is in the global-styles-inline-css

Is this a Wordpress stylesheet that has been added by Wordpress 7?

It only appeared after Wordpress updated itself and I haven’t updated anything else.

And if so it is over-riding the margin auto in Bricks style settings so may affect a lot of sites.

What would be the least intrusive way to correct this?
Is it possible to prevent these styles from loading?

thanks.

2 
.brx-boxed {

max-width: 160rem;

}

This is causing your site not to be centered. It is in your theme styles and nothing to do with the new v7 of WP.

3

hi there,

The reason I think it might be WP v7 is that it is only since the site auto-updated to WP7 this morning that it has done this.
The site has always had the max-width: 160rem delclaration.
There is a CSS rule in the Bricks @layer style sheet that applies margin: 0 auto on the body and this keeps the body centred.

The Bricks @layer rule is now being overridden by the :where(body) {margin: 0;} rule that is in the “global-styles-inline-css” which includes a load of wp-preset variables which is why I think it is a Wordpress setting that is overriding the Bricks settings. As this has only just occurred since the update to v7 I am wondering if that is the reason for this.

4

Hi @Bradzin ,

This was already solved in 2.3.5 10 days ago.

You can solve it manually by defining (If you do not want to update to 2.3.5)

body.brx-boxed {
	margin-left: auto;
	margin-right: auto;
}

Regards,
Jenn