[Support request] Making reusable block full width

[Dan]

Hi,

I’ve been through loads of similar questions, but haven’t managed to find the answer. I have created the homepage of a site and there are certain sections which I want to be able to reuse on every other page on the site (eg a newsletter sign-up form). On the homepage, these are full width, and then I’ve saved them out as Reusable Blocks.

Then when I try to reuse the blocks on other pages, they’re not full width and I can’t for the life of me work out how to make them full width like the original version which I saved. I’ve spent hours going round in circles, please help!

Thanks!

[Elvin]

Hi,

I see that your reusable GB Container Block’s Inner Container setting is set to “Inner Width”.

You’ll have to set the Inner Container to “Full width” if you want the content to go full width along with the background.

To do that with the reusable block, you’ll have to edit it.

To properly edit a reusable block, go to the Reusable block list by clicking “Manage all reusable blocks”.
https://share.getcloudapp.com/P8um8egE

Upon clicking, you should see a list of all of your reusable blocks. Click edit on the reusable block you’re going to edit.

The reusable block edit page also uses Gutenberg editor. From here, you should be able to select the Container Block and set the Inner Container to “Full width”.

You’ll also have to set its alignment to “full width”. You can set it here: https://share.getcloudapp.com/kpuN657x

After saving, go back to the page you’re editing and place your newly edited reusable block. 😀

[Whelan]

I’m not sure if this related, but in my install of WP5.8, a full-width reusable block is not displaying full width in the editor. It displays fine on the live page, but in the editor some kind of inline style script is being applied, so it is the same width as the body content. Is this normal behaviour?

[Elvin]

Hi Whelan,

WP 5.8 changed some block editor styling for the editor view. It caused this issue.

5.8 seems pretty half-baked IMO. It’s either we wait for 5.8.1 hotfixes or do a workaround by adding your own styling by enqueuing your own editor-styles.css or hooking in extra styling as David shown here – https://generatepress.com/forums/topic/background-color-issues-in-wp-editor/#post-1879239.

Note: While we can do workaround through the theme. It doesn’t control this by default. It’s a WordPress core issue w/ block-editor styling changes on 5.8.

[Author]

Posts