[Resolved] Center align footer widget 1

[Nicholas]

Dear Tom,

first let me thank for you an awesome theme that has helped me to learn how WordPress works! I am having a little trouble with my social icons. I have dropped them into Footer Widget 1, but currently they’re sitting over to the left of the footer. Is there a way I can have this center-aligned?

My website is http://www.nickblackford.com

Many thanks!

[Tom]

Hi there,

Does the plugin/widget you’re using have an alignment setting?

If not, CSS like this may work:

.social-icons-widget ul {
      text-align: center;
}
.social-icons-widget ul li {
      float: none;
      display: inline-block;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Marko]

Hm. it does’nt work for me.

.footer-widget-1 ul {
text-align: center;
}
.footer-widget-1 ul li {
float: none;
display: inline-block;
}

Could you please check? url: http://dev.webseite-online.de/

[Tom]

Try this instead:

.footer-widget-1 ul {
      text-align: center;
}
.footer-widgets .widget_nav_menu li {
      float: none;
      display: inline-block;
}

[Marko]

Hi Tom.

This code works.
.footer-widget-1 ul {
text-align: center;
}
.site.footer-widgets .widget_nav_menu li {
float: none;
display: inline-block;
}

Thank you for your support.
Marko

[Tom]

No problem! Happy to help 🙂

[Author]

Posts