Archived topic
Excess vertical space in footer bar and restricted to either side
3 replies · Started by Alice on August 18, 2021
I am making a new website and using Generate Press theme/child theme and Premium.
The footer bar has too much vertical space in it, above and below the pair of lines of copy. How can I reduce that? I assume it will require css code in the child theme.
Also, I tried using widgets in here and found that their space side to side was restricted to about 60% of possible space. Alternatively, I might like to try columns so that the address and phone numbers/email will be two columnns, with a third being a small menu of secondary topics (About, Officers, Credits), and the fourth and possibly fifth being for social media links.
So I need more horizontal space and less vertical padding. How do I change those?
Hi Alice,
The excess space you see on the footer is coming from an empty Column Block added in it through Appearance > Widgets > footer bar area.
You can remove these empty blocks to reduce the excess space. :D
As for the horizontal space, do you want the content container to go full width for the footer only?
If so, you may have to resort to custom CSS.
Example:
.site-footer.grid-container {
max-width: 100%;
}Would that custom CSS end up in the database and therefore protected or should I add it to the child theme css, if I decide to go that route?
I'll take another look at that widget block and see what's happening. I may have had a column block in there initially, then changed my mind, but not the block type.
Thank you! :-)
Alice
Would that custom CSS end up in the database and therefore protected or should I add it to the child theme css, if I decide to go that route?
It depends on how you've added it. If you've added it on Appearance > customize > Additional CSS, it will be saved on the database.
If you've added it on a stylesheet .css file, then it will be stored there only. :D
It should be fine to add it to either of the options. (assuming there's no database issue)
