Gutenberg and GenerateBlocks

Hi there,

1. We’re working on this – hoping to have it done for GB 1.2.

2. Any chance you can link me to an example? White-space shouldn’t exist by default unless you’ve added margin or there’s an empty block.

3. The Headline block offers much more than the core paragraph block. For regular paragraphs or text, you should use the core block. For blocks of text that you need to style, the Headline block is perfect.

4. That’s likely the image cover block centering things. You can use the Container block in GenerateBlocks if you need more control over that.

5. Each button has a Spacing panel where you can add right or left margin to it – that will separate them.

Let me know if you need more info ??

Hi there, thanks for the info, looking forward to the mobile live edit option.

2. This is how it looks, there are no blocks or no margin added

View post on imgur.com

And this is what the inspector show:

View post on imgur.com

One more question, if I change a Headline block from H2 to H3, it does not display anything, why is that?

I can go into Advanced Typography and change the font size there, but I have been wondering why changing the heading is not an option?

2. It’s hard to tell what’s happening there without seeing the site. It almost looks like there’s an empty Cover block there.

As for the H3 Headline – do regular H3 elements show up? It’s possible that your theme has the font-size set to something too low. Feel free to link me to the page with an invisible H3 and I’ll take a look.

Thanks, can I send you the link over the GP homepage?

You can send it via our contact form here: https://generateblocks.com/contact

Thanks!

Hi there, found that this css is causing the margen-bottom issue:

.entry-content>[class*="wp-block-"]:not(:last-child) {
    margin-bottom: 1.5em;
}

For some reason, this value has to be negative to remove the margin?

.entry-content>[class*="wp-block-"]:not(:last-child) {
    margin-bottom: -3.5em;
}

Thanks!

You should just be able to do this if it is indeed the margin causing it.

.entry-content>[class*="wp-block-"]:not(:last-child) {
    margin-bottom: 0;
}

Hi there, thanks for your help, your suggestion would work, if it wasn’t for this strange selector, adding 24 px of margin in the bottom.

I haven’t been able to locate this div.wp-block cover.

View post on imgur.com

View post on imgur.com

I would need to see the page to debug further, unfortunately. If it’s possible to link me to it, I should be able to track down the code.

Thanks for your prompt reply, I just sent you the link to my page.

I’m seeing two issues: https://www.screencast.com/t/EWyFxW98yG

You have an empty paragraph block that you need to remove.

You also have an empty element after your content: <div class="undermenu"></div>

Both of those empty elements are creating margin.

Hi there, I think the screencast you sent was not for me.

That’s strange with that block, I do not see any empty paragraph block?

View post on imgur.com

The hook element after my content is only visible on BuddyPress pages, but is using the generate_after_content hook, which I guess is why it’s appears empty on the frontpage?

I have excluded the Front Page, which I hope then also removes the element?

Thanks!

That’s the correct screenshot – it’s a screenshot of the code causing the spacing.

The undermenu element is still there.

The “Start writing or type…” text in your screenshot is an empty paragraph block.

Excluding the front page in the display rules of the hook element does not remove the element, just hide it.

To solve this I have to use another and more specific hook, is that understand correctly?

I can’t find any options for deleting that paragraph block?

Thanks!

The empty paragraph block seems to be a default block container, which can’t be deleted, like Elementor, where this element creates no margin if nothing is added into it?

View post on imgur.com