gutenberg block fullwidth additional option 'inherit inner width'

[felixbaumgaertner]

For designing purposes it would be nice to set a block fullwidth, add a background-color/image/whatever and keep the content at default content width.

At the moment you can kinda achieve this by setting the block to fullwidth, centering the content and breaking the text manually, but this 'solution' doesn't look nice in every case and isn't responsive. I've found other workarounds too, but neither responsive ones.

I personally went with the following solution (which not might be the overall solution for this request):

1. group all blocks that you want to be affected
2. give the group a class (in this example '.fullwidth')
3. add some css: .fullwidth .wp-block-group_inner-container { max-width: 1170px; margin: 0 auto; }
4. repeat for the wanted breakpoints or use paddings

For people who cannot write CSS, adding an option like 'inherit inner width' would help them to achieve this kind of layout. Since I couldn't find a proper solution myself, I thought adding this feature request would help raising awareness about it. It looks like a tiny enhancement at first, but it really opens up many new design opportunities.

Thanks for reading my first ticket :)

[afercia]

@felixbaumgaertner thanks for your report and welcome to Trac! I'm going to remove the Accessibility focus as your feature proposal doesn't appear to be related to Authoring Tools / Web Content accessibility. I guess it can be better considered by the Editor team :) – Unless I'm missing something.

[felixbaumgaertner]

Replying to afercia:

@felixbaumgaertner thanks for your report and welcome to Trac! I'm going to remove the Accessibility focus as your feature proposal doesn't appear to be related to Authoring Tools / Web Content accessibility. I guess it can be better considered by the Editor team :) – Unless I'm missing something.

Thanks for investigating :)

[noisysocks]

Hi @felixbaumgaertner. Thanks for the suggestion. Would you mind re-opening this as an issue in the Gutenberg GitHub repository? This is where development of the block editor happens.

​https://github.com/WordPress/gutenberg/issues/new/choose