[Resolved] Any way to align item in the footer widget areas horizontally?

Ha! 🙂 You say the title says all but not too sure exactly what you mean.

If it is what I think it might be, try this Additional CSS:

.footer {
    width: 30.33333%;
}

.footer.footer2 {
    text-align: center;
}

.footer.footer3 {
    text-align: right;
}

OK so the 4 footer columns.

for each column use this CSS

.footer.footer1 {
    text-align: center;
}

change the 1 for either 2, 3 or 4 as appropriate.

or if you want all columns center aligned it would be

.footer {
    text-align: center;
}

but note that if you are using a plugin to generate content within the footer area, the plugin may have its own CSS styles which could determine the text alignment for the plugin content. If that is the case you would need to find the appropriate CSS class or ID for that plugin.

• This reply was modified 7 years, 8 months ago by Yazmin.