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

[benjischaub]

The title says it all…. 🙂

Thx, Benji

 

[Yazmin]

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;
}

[benjischaub]

hi Yazmin!

Thanks for your quick answer, and sorry for my unclear question after all…

What CSS code would it take to center the content of a single footer area? And of all the footer areas?

And I would likely adjust the settings for the whole site like this, where would I be putting the code?

thanks!

Benji

[Yazmin]

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.

[benjischaub]

Super, I’ll try it right away!
Cheers,
Benji

[benjischaub]

Worked like a charm!

Thx,

Benji

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

[Author]

Posts