[Resolved] Remove left and right border on footer

[Greg]

I would like to remove the left and right border in the footer.

Still learning

[David]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

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.

Still learning

[David]

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);

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Greg]

Amazing. Thank you, David!

Still learning

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts