New Version 6.9: Unresolved Blank Margin

[mycaredmarketing]

To Whom It May Concern,

Following the recent update to WordPress version 6.9, our website began displaying irregularities, including unexpected blank spaces(left and right) and margin issues. Prior to submitting this ticket, we conducted extensive troubleshooting on our end.

We inspected the site and noted that both margin and padding values were set to 0px. We also reviewed the Layout Style settings, Gutenverse settings (including the “Inherit Layout” option), and temporarily deactivated all plugins. Based on our testing, it appears there may be an incompatibility with the Gutenverse Nursera theme.

We kindly request your assistance in resolving this issue.

Thank you!

[mycaredmarketing]

Even the top has been affected up until the footage

[mycaredmarketing]

We were advise by Gutenverse to ensure this has been turned off. However, still the same.

[mycaredmarketing]

Per inspect under elements, no issue

[mycaredmarketing]

We even added CSS to override but not working.

[mycaredmarketing]

Under layout dimension. Unable to modify the px to percentage no other options. Tried to change the wide width and padding but still the same

[westonruter]

@mycaredmarketing Thank you for opening a ticket.

Since it appears your theme is not a block theme, you may be experiencing a side effect of the performance improvement to ​load block styles on demand in classic themes. Another issue related to this was reported in #64354.

Would you please try this ​Load Combined Core Block Assets plugin to see if it resolves the issue for you?

[mycaredmarketing]

Hello Weston,

Thanks for your prompt response.

Our theme is a blocked theme. Still, I downloaded your recommended plugin which is the Load Combined Core Block Assets. But still no progress.

Replying to westonruter:

@mycaredmarketing Thank you for opening a ticket.

Since it appears your theme is not a block theme, you may be experiencing a side effect of the performance improvement to ​load block styles on demand in classic themes. Another issue related to this was reported in #64354.

Would you please try this ​Load Combined Core Block Assets plugin to see if it resolves the issue for you?

[mycaredmarketing]

Installed the recommended but still no progress

[westonruter]

OK, my mistake. I saw the Customize link in one of your screenshots so I assumed it wasn't a block theme, but I also see your other screenshots of the Site Editor so I see you are indeed using a block theme. I can also see that from your live site.

It seems this is not related to #64354 in any way. It's not clear to me what the issue is.

If you downgrade to WordPress 6.8 (e.g. via ​Core Rollback), the issue goes away I presume? What if you install and activate the Gutenberg plugin, does the issue return? If so, this would seem to be an issue introduced with global styles, and this would isolate the issue to something introduced in Gutenberg.

Attaching a screenshot of what the page is supposed to look like would also be helpful.

Lastly, if you could capture the HTML output of the page now when it looks as expected, that would allow us to inspect the actual difference in the output.

[mycaredmarketing]

Rolledback to 6.8 but still the same

[mycaredmarketing]

Hello @westonruter,

It's okay. I've tried to do rolledback OR downgrade to 6.8 using Core Rollback plugin, but still the same. Now, this makes me more confusing.

Replying to westonruter:

OK, my mistake. I saw the Customize link in one of your screenshots so I assumed it wasn't a block theme, but I also see your other screenshots of the Site Editor so I see you are indeed using a block theme. I can also see that from your live site.

It seems this is not related to #64354 in any way. It's not clear to me what the issue is.

If you downgrade to WordPress 6.8 (e.g. via ​Core Rollback), the issue goes away I presume? What if you install and activate the Gutenberg plugin, does the issue return? If so, this would seem to be an issue introduced with global styles, and this would isolate the issue to something introduced in Gutenberg.

Attaching a screenshot of what the page is supposed to look like would also be helpful.

Lastly, if you could capture the HTML output of the page now when it looks as expected, that would allow us to inspect the actual difference in the output.

[mycaredmarketing]

Is there a way to do Teamviewer with you?

[westonruter]

I'm not sure what Teamviewer is, but if it is to have a call, then no, I'm not available to do that.

Make sure you also clear your site's caches. If you have a persistent object cache, make sure it is cleared as well.

If this isn't an issue with WordPress 6.9, then the issue is probably better discussed in the ​support forums or through the theme's own support.

[mycaredmarketing]

We have the Litespeed for cache. I've done this first on the forum but no one can resolve it too.

[sabernhardt]

Additional CSS for .section-wrapper

[sabernhardt]

another possibility: using percentage option for Content Width setting

[sabernhardt]

The ​Nursera theme applies the global content size (max-)width to its elements with the section-wrapper class. These wrapper elements determine the width of anything on the page, not just the post content.

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: var(--wp--style--global--content-size);
}

I probably should recommend adding this in the Additional CSS:

html .section-wrapper {
  max-width: 100%;
}

(The html selector is included just in case this prints before the other global styles.)

If that does not work, you could try switching the px to percent in the Content Width option and set it to 100%.

As mentioned earlier, this discussion belongs in the ​support forums, or you could discuss further with the theme author. This is likely not a Core bug.