Centering footer widgets

Shapely
1

Hi-

I have a single footer widget that I’d like to show up centered. However, no matter which way I try to center the footer content, it seems to only work if the browser window is 767 pixels wide or narrower (a number hard-coded throughout the CSS). If the window is wider than 767, the footer seems to jump back to left float.

I’ve tried various permutations of the following, and all have the same problem:

.footer-widget-area {
text-align: center;
}

#colophon {
text-align: center;
}

#colophon .row {
text-align: center;
}

Any suggestions?

2

Hi @deadbilly,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.footer-widget-area .footer-widget {
    margin: 0 auto;
    float: none;
}
.footer-widget-area {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

Best Regards,
Movin