[Resolved] How can I do the following operations on the footer

[SK]

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?

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[SK]

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?

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[SK]

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!

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[SK]

Yes…Still learning. Underestimated the power of WordPress!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts