Archived topic
Changing footer layout in Service Site Library
3 replies · Started by Deborah on March 25, 2021
I installed GeneratePress 3.0.3 and GP Premium 1.12.3 on a site, with a fresh install of the Service Site Library demo site.
After adding pages and content, I tried to change the layout of the footer from three different sized footer widgets to three equally sized footer widgets.
I checked Elements to see if footer customizations were there, but didn't find anything.
From what I discovered, it appears the footer custom CSS is being applied inline.
Which means the only way I can override the footer layout is to use !important in the CSS.
The code I used was:
.footer-widgets .footer-widget-1 {
flex-basis: 33% !important;
}
.footer-widgets .footer-widget-2 {
flex-basis: 33% !important;
}
.footer-widgets .footer-widget-3 {
flex-basis: 33% !important;
}I prefer not to use !important.
Am I missing something?
Is there another option I didn't find to change the footer layout in the Service demo site to three equal-sized footer widgets?
Hi there,
Go to Additional CSS field in the customizer and remove this:
/* footer widget spacing */
@media (min-width:1025px) {
.footer-widgets .footer-widget-1 {
flex-basis: 65%;
padding-right: 80px;
}
.footer-widgets .footer-widget-2 {
flex-basis: 15%;
}
.footer-widgets .footer-widget-3 {
flex-basis: 20%;
}
}Excellent! Thank you for the quick response, Leo.
Have to say I never considered checking "Additional CSS." Immediately looked at Elements.
No problem :)
