Archived topic
Center Align Footer Widgets. Too much space between widget #3 & #4
3 replies · Started by Max on April 27, 2022
Hi everyone! Happy Wednesday.
I am trying to find CSS that will center all of my widgets. There is too much spacing between the 3rd and 4th widget which is making it look weird on desktop view.
I currently have this CSS to center the entire footer in mobile which is working perfectly but not what we need for desktop.
@media (max-width: 1024px) {
.inside-footer-widgets > * {
text-align: center;
}
We do not want the text centered on desktop, only the widgets themselves centered.
I have already tried this CSS and it is not what I want because the text is centered also.
.footer-widgets {
text-align: center;
}
Any other solutions? Thanks a bunch!
Hi there,
simplest solution would be to add some padding to the left hand side of widget #3
@media(min-width: 1024px) {
.footer-widget-3 {
padding-left: 40px;
}
}Hi David,
That helped quite a bit. As always, thank you for your prompt response and assistance.
Have a great rest of your week!
You're welcome!
