search

WebDevStudios / wd_f

GNU General Public License v2.0
11 stars 1 forks source link

Alignments have no effect on the frontend #16

Closed itsamoreh closed 1 year ago

itsamoreh commented 1 year ago

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

screen-capture 2023-06-23 at 10 06 49 AM

Frontend

screen-capture 2023-06-23 at 10 07 27 AM
elpuas commented 1 year ago

@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 commented 1 year ago

Also i notice that the layout is been overridden by some inline styles, https://github.com/WordPress/gutenberg/issues/36135

elpuas commented 1 year ago

Looks like some inline styles from WP are killing the content-size Screenshot 2023-06-30 at 12 35 22

johnheimkes commented 1 year ago

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.

image