Styling Footer Mega Grid Columns

I have tried styling the footer area without using this plugin by using various css coding but as Twenty Seventeen has only two widget areas it is not possible and when searching for answers here and online I have had no luck.

Hello @jane-milburn

Thanks for reaching here.

As you need footer like
Terms & Conditions|Privacy & Cookies|Refunds Policy

?2017 copyright|STUARTIST|All rights reserved.

It is possible.

-> You don’t need to take 4 widgets.
-> just take two widgets of col-12 both and add in first text : Terms & Conditions|Privacy & Cookies|Refunds Policy
-> In 2nd widget : ?2017 copyright|STUARTIST|All rights reserved.

Let me know if you have any query. after doing this if it will not look proper as you want , we will set it by custom CSS.

Thanks and Regards.

Brilliant, thank you, that is exactly what I wanted to do. My confusion was simply that I did not think all of the text would fit in one widget.

It looks as I want apart from the amount of space below and above the widgets. Is there a way I can bring the copyright notice higher to reduce the space above it please?

Regards Jane.

Oh, it looks fine in the customizer but when clearing the cache and refreshing, it now looks odd as in the customizer I had it centered which is what I want. Now the first widget is far left and the copyright far right. Have you any idea what I can do to correct this please? Thank you.

• This reply was modified 7 years, 3 months ago by Jane Milburn.
• This reply was modified 7 years, 3 months ago by Jane Milburn.

I had used this code to centre the text in the footer – .site-footer .wrap {
text-align: center;
}
As said, it worked in the css customizer in my dashboard but not when looking at my site online?

Update: I’ve managed to sort the large gap by reducing the footer padding but the widgets are still not aligned center.

Hello @jane-milburn

Hope you are well.

i found another batter way.

-> just make only one text widget and put this text in that widget and apply this css :

.footer-mega-col-wrap { text-align: center !important; } in your style.css file

let me know if you have any query.

Thanks and regards.

Brilliant, thank you so much for your help, the code works. My footer looks exactly how I wanted it now. I would highly recommend this plugin.

Have a great weekend:)

hello @jane-milburn

Happy to hear that.

If you like our plugin Please rate it and review us ?? On this link Rate and review

Hi @jane-milburn

Thanks for your review ??