[Resolved] Cannot remove padding/white space around content block in Hero

Hi there,

I’ve checked the page you’ve provided and it doesn’t seem to be using GeneratePress.

As shown here, it’s using Kadence theme. https://share.getcloudapp.com/9ZuxYq0Y

The cause of the white space is this CSS:

.entry-content-wrap {
    padding: 3rem;
}

It’s an inline embedded CSS generated by the theme. It’s best to ask Kadence support on the best practice on how to remove this.

Thank you for your fast support! I plan to change my website theme to Generate Press but it means a lot of re-design work with pages using Kadence. Need a little more time to prepare.

We can’t help you out if you’re not using our theme. Kadence has its own way of setting things up which may be completely different from GeneratePress.

Another thing to point out is, even if you’ve fixed that space issue before the theme change, it won’t carry over when you change to GeneratePress because the structure and styling between the 2 themes are completely different.

It’s just a matter of going through all the pages that use Kadence blocks.

It’s not as simple as that in the case of your site because the white space isn’t coming from the content blocks(Kadence block).

The white space you see is from entry-content-wrap element which is the parent/wrapper element of ALL content blocks. And its styling is not coming from the blocks but from the theme’s embedded CSS.

Now, I see that you’ve attempted to fix it with something. https://share.getcloudapp.com/L1udz5EX

.content-style-unboxed .entry:not(.loop-entry)>.entry-content-wrap {
    padding: 0;
}

But this is going to be necessary once you move to GeneratePress because none of the selectors in that CSS is being used by GP. No entry-content-wrap with a padding issue will exist because there’s no entry-content-wrap element existing in GP to begin with.