Log in Get SwiftGrid →
Not resolved

Bottom Bar to Overlap Footer

Ultra Theme started by Tomas Sears Mar 16, 2016 2 replies
Tomas Sears Mar 16, 2016 · 2:37 pm #3211

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

Andrew Misplon Puro Mar 16, 2016 · 3:21 pm #3212

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.

Tomas Sears Mar 16, 2016 · 3:53 pm #3215

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

Is that the correct place?

3 posts