[Resolved] Remove left and right border on footer

Home Forums Support Remove left and right border on footer

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #981235
    Greg

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

    Still learning

    #981243
    David
    Staff
    Customer Support

    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/

    #983626
    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

    #983769
    David
    Staff
    Customer Support

    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);
    #983781
    Greg

    Amazing. Thank you, David!

    Still learning

    #983784
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.