Global social icons hover in footer

Support
#1

Hi there,

Found this on another thread and addressed all my custom color issues except the hover color. Here’s what I have:

/* Footer text and Links */
.x-colophon.bottom .x-nav li a,
.x-colophon.bottom a,
.x-colophon.bottom .x-colophon-content {
color:#c08156;
.x-colophon.bottom .x-colophon-content a:hover, .x-colophon.bottom .x-social-global a:hover {
color: #b13535;
}

Thanks!
M.

#2

Hi there,

Thanks for writing around! Please replace your code with the following code:

.x-colophon.bottom .x-nav li a, .x-colophon.bottom a, .x-colophon.bottom .x-colophon-content {
    color: #c08156 !important;
}
.x-colophon.bottom .x-social-global a:hover {
    color: #b13535 !important;
}

Hope this helps!

#3

It does help with the global icons, but now the text underline doesn’t work upon hover…

It’s getting there!

#4

Hi again,

Try adding the following code as well:

.x-colophon.bottom .x-nav li a:hover, .x-colophon.bottom a:hover {
    color: #b13535 !important;
}

Hope this helps!

Hope this helps!

#5

It’s perfect!! Thanks! Now if I can just get the footer menu to display nested items…but I will start a new thread for that! Thanks!

#6

Glad that sorted the social icons out, I’ve just replied to your other thread.

Thanks,

1 Like
#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.