Archived topic
Footer Widgets Background color
3 replies · Started by John on May 4, 2020
Viewing posts 1–4 of 4
Hi Support team,
Is it possible to have the footer-widgets separated colors. My site has a white background. and the footer-widgets area is grey. What i like to have is 3 grey footer-widgets, separate by the white background.
And is it possible to have the title of the footer-widget to have a backgroundcolr.
Like to hear from you
Kind regards
John
Hi there,
try adding this CSS:
.footer-widgets {
background-color: transparent;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
margin-left: 0 !important;
display: flex;
flex-wrap: wrap;
}
.inside-footer-widgets > div {
background-color: #dddddd;
margin: 10px;
flex: 1 0;
box-sizing: border-box;
}
.site-footer .footer-widgets-container .inner-padding {
padding: 20px !important;
}
.site-footer .widget-title {
margin: -20px -20px 20px -20px;
padding: 20px;
background-color: #000;
color: #fff !important;
}
@media (max-width: 768px) {
.inside-footer-widgets > div {
flex: 1 0 100%;
margin: 10px 0;
}
}Thanks works great.
Just a pity this is not in the Customizer.
Kind Regards
John
Glad to be of help
This archived topic is closed to new replies.
