Archived topic
Hard time using Gutenberg Blocks, what is your recommendation for a page builder
6 replies · Started by Carsten on August 4, 2021
Hi there, this might be a little off topic, but I have a general issue to make my front page look good with Gutenberg Blocks.
I'm using GenerateBlocks as well, and I add my blocks to a container each, but my problem is that I have a hard time to make each block element look the same with the same width, even if each block has been given the same width, like full width, and the spacing for the container is the same.
If I insert a template or a pattern, they don't have settings for spacing, so I insert them into a GenerateBlocks container, but still I can't control the width. The preview looks like the blocks have the same width, but when the page is updated in the browser, all blocks have different widths.
I have been using Elementor before, and it seems a lot more intuitive and user friendly. I started using Gutenberg Blocks for a more lightweight solution, but I'm not sure that it is.
What would be your recommendations for a page builder with GeneratePress, Gutenberg Blocks or Elementor?
Thanks in advance!
Hi there,
I've checked the site and I don't see the same thing as the screenshot shows on my end.
Perhaps you sorted this out?
Tip: Generally, we have to check the padding and margin if they match as well. These settings can cause the sections to appear uneven especially when the containers themselves or their contents have contrasting backgrounds.
Hi there, thanks for looking into this.
I moved back to an earlier revision, which is why the page layout has changed, but with the color of the body changed to blue, it reveals that there are still some issues, and I can't see what exactly is going on here.
https://imgur.com/AEL1Akx
https://imgur.com/oCeGoUa
Thanks
Hi there, I think the best way to build up a page, is to add a hole template without touching the settings, instead of adding individual blocks and patterns which get messed up, so that's what I will do.
Thanks
Hi there,
just a few pointers on this.
The Patterns that are provided are part of WordPress Core. Those come with their own static block styles or have limited options to control their styling.
They are not really designed to be added inside other blocks such as the Container Blocks.
My personal approach would be to create a draft page. On that page, construct the 'sections' you require for your site.
So you end up with a library of your own templates that can be copied and pasted to other pages on your site.
The benefit of building with GenerateBlocks Containers, Grids, Headlines and Buttons is that you can control every style on all device sizes. By creating your own templates up front you can make sure all the responsive styles are set and correct before adding them to the rest of your site.
And if you have GB Pro you can save these as Local Templates.
If you want a good head start then Mike Oliver has some wireframe blocks for sale on his site:
Hi there, thanks a lot for your input and suggestions, I am a GP Pro user, so I will follow your advice and explore GenerateBloks more, I guess there are documentation about creating and saving templates.
The patterns and templates I have been using was from UAG, but as illustrated below there are no tools for adjusting and removing space like this white space, other than adding extra css.
Thanks again
Yep - its a problem. Some styles will come from the Theme, such as the bottom margin you display there. Without it Group Blocks and other blocks in the content would have no spacing. And theres no option on the block to selectively change that. Whereas a GB Block does allow you to eliminate or change them.
