Archived topic
Cannot remove padding/white space around content block in Hero
5 replies · Started by Andy on March 31, 2021
Hi - I have just started using Generate Press Pro and cannot solve this little problem. I have created a Hero block but for some reason I cannot clear the padding around it - even though the page is set to full width. As you can see there is white space around the content block. Here is a link to the page: https://lairdpage.com/wordpress-low-cost-websites/
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.
Hi Elvin
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.
I discovered that I had ‘page blocks’ enabled. Once turned off everything displays fine!
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.
As I already mentioned I will change to Generate press and have already purchased your Pro membership. It’s just a matter of going through all the pages that use Kadence blocks. I have to recreate them which is a lot of work and best done on a local server. I haven’t fixed the whitespace but simply unchecked a box. Sincere apologies for asking support on using your generate Blocks in another theme.
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.
