Support/Ultra Theme/Bottom Bar to Overlap Footer

Bottom Bar to Overlap Footer

  • Author
    Posts
  • March 16, 2016 at 2:37 pm #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

    March 16, 2016 at 3:21 pm #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.

    March 16, 2016 at 3:53 pm #3215

    Tomas Sears
    Participant

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

    Is that the correct place?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top