Archived topic
widgets (center)
3 replies · Started by generatepressuser on April 24, 2019
Viewing posts 1–4 of 4
Hello
I would like to "center" the widgets I have on the website I made for a friend. There are only 3 widgets and I tried a lot of different css code but could not center it. I can do it with margin-left but then in mobile version it looks horrible.
Do you have any idea how to center the widget area above the footer?
Thank you.
Hi there,
try this CSS:
@media (min-width: 1024px) {
.site-footer .footer-widgets-container .inner-padding {
padding: 0;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
margin-left: 0;
display: flex;
justify-content: center;
}
.inside-footer-widgets .grid-33 {
width: auto;
}
.footer-widget-2 {
margin-left: auto;
margin-right: auto;
}
}Thank you it looks perfect!
Good to learn this way :)
Glad to be of help.
This archived topic is closed to new replies.
