- This topic has 2 replies, 2 voices, and was last updated 8 years, 6 months ago by Tomas Sears.
- AuthorPosts
- March 16, 2016 at 2:37 pm #3211
Tomas SearsParticipantHi,
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 MisplonKeymasterHi 🙂
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 SearsParticipantThanks Andrew, I have put the code in “Custom CSS” but no luck 🙁
Is that the correct place?
- AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.