Remove space below content (cover block)

Hi,

Thanks for the feedback. There’s indeed an issue with the Cover’s margin when a duotone filter is set. By default, Twentig sets a negative margin when a full-width block is the last child of the content. However, as WordPress adds some HTML tags after the Cover to create the duotone, the Cover isn’t considered the last child anymore.

We’ll try to find a fix for the next release.

In the meantime, you can fix it by following these steps:

1) Add the following CSS code in Customizer > Additional CSS:

.page-id-5.tw-no-footer .entry-content > .wp-block-cover {
    margin-bottom: calc(var(--global--spacing-vertical) * -3);
}

@media (min-width: 652px) {
    .page-id-5.tw-no-footer .entry-content > .wp-block-cover {
        margin-bottom: calc(var(--global--spacing-vertical) * -5);
    }
}

2) Remove the margin-bottom of 0 that you’ve set on the Cover block.

3) Remove the empty paragraph that you have at the end of your page.

Please note that if your goal is to make a fullscreen cover, you should set its minimum height to 100vh.

Hope that helps,
Tom

Glad it works.

If you enjoy Twentig, please rate it. I’d really apreciate it 🙂

Thanks,
Tom