I’ve been trying to overcome this for sometime now but my editors and authors need to be able to use Gutenberg patterns and blocks etc. I have a blog archive and single post layout designed in pro. Unfortunately when anybody uses blocks and patterns designed to be full paged the theme co template for the content is only 720px (which is what I want for the text only) anything else like images, videos, blocks and pattern can be a little wider or full width.
Can you suggest a way round this?
Hi Daniel,
Thanks for reaching out.
I have inspected the page you referred to in the screenshot, and it seems that an additional DIV element has been set to a width of 720px and content is showing inside that. If the image and content are coming from the post and you are using the The Content element to show the content, it will come inside the same DIV. In that case, I would suggest you increase the width of DIV and check if that works for you or not.
Thanks
Hi Daniel,
By withdrawing the post, I believe you already have resolved the issue. If the issue still existed, you can let us know.
Thanks.
The issue isn’t resolved, I just spotted that what I was saying was wrong and I managed to sort the div issue. However, what I am trying to achieve is still not resolved.
As stated, I am trying to get the gutenberg elements to behave as they do in the builder within the cornerstone layout. See screenshots.
Hey @dlukefinch,
not 100% sure, if this is the direction you are asking for.
I had the same issue and solved this with some good 'ol handwritten custom CSS.
The screenshot should give you a starting point, if this is the layout customization you are asking for.
It is a bit research to find out the right CSS classes, so that these customizations will only be used on Gutenberg posts, but not on Cornerstones pages i.e.
Also Gutenberg has some width settings for it’s blocks (like wide or normal size). These settings will add additional CSS classes to your blocks div so you can handle them too.
Hope it helps, René
Hey Daniel,
Our themes only have basic support for Gutenberg. In your screenshot, the “forest” image is Fullwidth or have the alignfull class. That is not fully supported in our themes in the sense that the Block Editor’s (Gutenberg) Fullwidth will only slightly extend beyond the content.
Modifying or adding more Block Editor styles would need custom development. We can provide guidance on that in our One support.
Please note that Block Editor support depends on the theme author. It’s not required for all themes.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
