Archived topic
How can I do the following operations on the footer
7 replies · Started by SK on November 27, 2020
1. What if I have more than 5 footer widgets?
2. Can we arrange footer widgets differently, say footer 2 below footer 1
3. Can we rearrange the footer widgets, say footer 5 first and then footer 1, 2….etc.
4. What if I want to add some free form text below the footer title or body?
Hi there,
all of those things are possible with CSS, but its best we have a definitive design to work with.
If you want to have much greater design control then you could use a Block Element to replace the Footer.
https://docs.generatepress.com/article/block-element-overview/
Combine that with the GenerateBlocks Plugin to create the Container and Grid:
https://wordpress.org/plugins/generateblocks/
And the Organic Widget Area Block plugin:
https://wordpress.org/plugins/organic-widget-area-block/
You can now visually build the footer area and populate it via the usual Widgets.
Thanks, will study these and try to implement using blocks.
In the short term are there any examples to do it in css in a limited fashion?
The CSS would be on a case by case basis, we would need to see a design you're trying to achieve in order to provide that... one thing that is not possible is adding more widget areas with CSS. So 5 is the max, the CSS method would be a hack ie. mutliple widgets in a single widget area.
I am trying to create a footer like officeclip.com. Right now I need to put together something quickly. So any css sample (or ideas on how to do it) will be great!
The footer widgets of that site can be replicated pretty easily with the default footer widgets area.
- Footer widget 1 would be an image widget + a text widget.
- Footer widget 2 would be two navigation menu widgets.
- Footer widget 3 would be a navigation menu widget plus a social icons widget.
- Footer widget 4 would be a navigation menu widget.
Yes...Still learning. Underestimated the power of WordPress!
No problem :)
