Archived topic
Remove left and right border on footer
5 replies · Started by Greg on August 11, 2019
I would like to remove the left and right border in the footer.
Hi there,
go to Customizer > Layout > Footer and change the Footer Width to Full Width. You can also jump to colors from there and change the background colors if needed:
https://docs.generatepress.com/article/footer-layout-overview/
Thanks, David but this only makes the footer wide but still shows the grey bars on the left and right. If you look at the header you see it has a grey line on top and below but not on the left or right side. I would like the same in the footer.
Right ok, so this CSS you have in the Customizer > Additional CSS:
.separate-containers .inside-article,
.separate-containers .sidebar .widget,
.site-header,
.main-navigation:not(.slideout-navigation),
.site-footer {
border: 1px solid rgba(0,0,0,0.08);
}
Remove border: 1px solid rgba(0,0,0,0.08); and replace it with these two properties:
border-top: 1px solid rgba(0,0,0,0.08);
border-bottom: 1px solid rgba(0,0,0,0.08);
Amazing. Thank you, David!
You're welcome