Styling Footer Mega Grid Columns
-
Hi, thank you for your plugin which solves the problem of adding more widgets to the Twenty Seventeen theme. I am using a Twenty Seventeen child theme. I was wondering if I can style your plugin to suit my needs with CSS.
I would like the copyright notice after/below the other text widgets and centered and less space between each text widget, to look something like the following –
Terms & Conditions|Privacy & Cookies|Refunds Policy
Β©2017 copyright|STUARTIST|All rights reserved.
Is this possible?
The page I need help with: [log in to see the link]
-
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 8 years, 6 months ago by
Jane Milburn.
-
This reply was modified 8 years, 6 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
Thanks for your review π
-
This reply was modified 8 years, 6 months ago by
The topic ‘Styling Footer Mega Grid Columns’ is closed to new replies.