Archived topic
GP3.0 footer flex
6 replies · Started by Eric on September 22, 2020
Hi,
Testing the GP3 and a question here with the footer
I made a footer with 4 widgets and I want something like that
Footer 1 : 40% width
Footer 2 : 20% width
Footer 3 : 20% width
Footer 4 : 20% width
Problem your widgets footer has got this rule :
.inside-footer-widgets>div {
flex: 1 0 0;
}
Thanks for your support
Hi there,
try this CSS:
@media(min-width: 769px) {
.inside-footer-widgets>div {
flex: 0 0 20%;
}
.inside-footer-widgets>div:first-of-type {
flex: 0 0 40%;
}
}Great it works !!!
Thanks !
But if you put this code in the style.css file in the theme folder. It doesn't work :(
Are you using a Child Theme ?
Nope ! I edit the css file at the first level of the theme. But if I install the simple css extension it works !
Definitely don't edit the parent theme's style.css as it will be erased during updates :)
You can just use Additional CSS field in the customizer as well.
