How to display Two Footer : menu and copyright separated

[gabrielvb1100]

Hello, I am migrating to GP from Newspaper magazine theme, I have almost duplicated the look and feel of my current theme/demo
Right now I want to have two footer separated because I want to have a different background color, I need a footer menu, and then at the bottom of it, the copyright
If I use a widget, how can I make that widget take the full width?
Thx

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

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

[gabrielvb1100]

Sure, Ive added the website we are migrating to GP, you can see the footer it has, in desktop version

[Leo]

Can you link me to the site that’s using GP so I can try some CSS?

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

[gabrielvb1100]

Thx, we installed GP on it

[Leo]

It doesn’t look like you’ve added the widget.

Can you add it in so I can see?

Thanks 🙂

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

[gabrielvb1100]

Hello, Ive added the widget in: staging.domain.org

[Leo]

Hmm can you try adding the same widget in the footer bar widget area as well?
https://docs.generatepress.com/article/footer-bar-widget-area/

I want to see which one works better.

Let me know if this helps 🙂

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

[gabrielvb1100]

You mean a copy of the copyright in the widget area? What I did was to add the menu to the first footer widget area

[Leo]

No – try adding the same menu widget that you’ve added as a footer widget in the footer bar widget area as well:
https://docs.generatepress.com/article/footer-bar-widget-area/

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

[gabrielvb1100]

Ok, done.

[Leo]

Try setting the footer top, left and right padding to 0 in the customizer:
https://docs.generatepress.com/article/footer-padding/

Then try this CSS:

.footer-bar-align-center .footer-bar {
    background-color: #000;
    padding-top: 10px;
}

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

Let me know if this helps 🙂

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

[gabrielvb1100]

Awesome!, it works, thank you

[Leo]

No problem 🙂

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

[Author]

Posts