Archived topic
increasing the width of one widget
3 replies · Started by Tomasz on October 10, 2020
Viewing posts 1–4 of 4
I have the latest premium GP. For this DEV theme. I have a problem because I can't deal with a few things myself.
1. At the bottom of the page I have 4 widgets. I need to move the first widget a bit so that the 3 social icons are in one row.
At the moment I can only do this by reducing the icons, but then it looks bad. It looks good on the phone, but tragically on the computer.
Link image: https://ibb.co/Yp5c3RD
Hi there,
go to Customizer > Additional CSS and look for this:
/* footer widget spacing */
@media (min-width: 1025px) {
.footer-widgets .footer-widget-1 {
flex-basis: 15%;
padding-right: 80px;
}
.footer-widgets .footer-widget-2 {
flex-basis: 20%;
}
.footer-widgets .footer-widget-3 {
flex-basis: 30%;
}
.footer-widgets .footer-widget-4 {
flex-basis: 35%;
}
}Change each of the flex-basis: xx% for each of the footer widgets. Make sure they total 100%.
works, thanks a lot :)
Glad to hear that
This archived topic is closed to new replies.
