Alignments have no effect on the frontend

[itsamoreh]

I set contentSize and wideSize in theme.json like this:

"layout": {
  "contentSize": "840px",
  "wideSize": "1100px"
},

see https://fullsiteediting.com/lessons/theme-json-layout-and-spacing-options/#h-how-to-set-content-width-using-theme-json

These settings work in the editor but not on the frontend.

Editor

Frontend

[elpuas]

@itsamoreh I think you will need to add Inner blocks use content width on the ( inner ) blocks, will check and see if this work in this case.

[elpuas]

Also i notice that the layout is been overridden by some inline styles, WordPress/gutenberg#36135

[elpuas]

Looks like some inline styles from WP are killing the content-size

[johnheimkes]

the .entry-content div is getting the same override, so we can't go window full-width on blocks contained. I'm unsure yet where that override is coming from or why. We could custom roll some styles applied .entry-content to not have a max-width, and apply styles based on the alignment sizes.