Archived topic
Global Footer and white space below
7 replies · Started by Josue on August 20, 2021
Hi Guys,
I just started rebuilding my website with GeneratePress + Generate Blocks - I've had really bad experiences with builders for years, I have read very good reviews from you guys, and now I can see why.
I am having a problem with a Global Footer that I created in a Staging website. I can't get rid of a white space below my the footer menu. It is a Hook - generate-footer. You may see it the problem in this 15 seconds video here: https://www.loom.com/share/81cef51367a147528f835242fa39e239
My settings in Customize - Layout - Container are:
Container width: 2,000px
Separating space: 0px
Content separator: 0em
Content layout: separate containers (I have already tried with One container as well)
Content padding: all values on 0
My settings in Customize - Layout - Footer are:
Footer width: Full
Inner Footer width: Full (I have already tried with contained as well and it doesn't fix the white space)
In both footer widget area padding and footer padding I have netted the value to 0 for Botton.
My settings of the layout of the container in the Global Footer are:
Container: Full width
Inner container: Contained width (I have tried with Full width as well and it doesn't fix the problem)
Container width: 2000px
In Spacing - padding I have 0 in Botton
Additional, it seems to appear a paragraph at the bottom even though I am not adding it, so I try to erase it as you may see in this short video: https://www.loom.com/share/717eb512510d4dc79b93600fe4d69424
I have read the other topics opened that are similar to the problem that I am having but I have not been able to find a solution, and I have invested hours trying to fix this. Would you any you please help me?
Thank you in advance to all of you.
Hi there,
edit the Block Element, you will see an Empty Text Block is inserted below your content. Select it and backspace delete to remove it.
Hi David,
Thank you for your answer. I had already tried that too, and I just tried again to backspace to remove it but it doesn't work. I guess I'm doing something wrong...
Aah - you're using the core Columns Block, which has bottom margins applied to it.
You will need some CSS to remove them:
.site-footer .wp-block-columns {
margin-bottom: 0;
}We recommend using the GenerateBlocks plugin and its Container and Grid Blocks for this kinda of layout, as you can control the margins and padding from within the editor.
aah I thought I was already using GenerateBlocks. How do I make sure to use GenerateBlocks instead of the core columns block?
I added the CSS to the column block and container but it didn't work. Anyway, it will be better that I use the GenerateBlocks, that's what I intended to do.
Make sure you have the GenerateBlocks plugin installed, and you should have access to 4 x new blocks:
Conatainer
Grids
Buttons ( icon will be in blue )
Headline.
And you can see the document for the Grids Block here:
Yes, I do have the plugin installed as well as the pro version, and the 4 blocks. The problem was that I was using the columns block that you mentioned above. I was able to fix the issue by using Bird Blocks instead.
Thank you for your help and speedy replies!
Glad to hear that!
