Bottom Bar to Overlap Footer

  • Author
    Posts
  • #3211

    Tomas Sears
    Participant

    Hi,

    I’m really sorry to contact you again.

    Is there anyway to get the bottom bar to overlap the footer? I’m planning on setting the bottom bar to have no background, so the social icons and text just show on the footer. I may even have a slightly transparent background to the bottom bar so the icons are more viable.

    I had a go myself, but im still in the early stages on learning CSS!

    Don’t worry if not, as I know I have taken up a lot of your time

    #3212

    Andrew Misplon
    Keymaster

    Hi 🙂

    Try:

    .site-footer {
    	position: relative;
    }
    
    .site-footer .bottom-bar {
        background: transparent;
        bottom: 0;
        color: #fff;
        position: absolute;
        width: 100%;
    }
    
    .site-footer .bottom-bar a {
        color: #fff;
    }
    
    .site-footer .bottom-bar a:hover {
        color: #fff;
    }
    
    .bottom-bar-menu .menu li a:before {
        color: #fff;
    }
    
    .site-footer .bottom-bar a:hover {
        color: #fff;
    }

    I included the hover colors for you to customise.

    #3215

    Tomas Sears
    Participant

    Thanks Andrew, I have put the code in “Custom CSS” but no luck 🙁

    Is that the correct place?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top