Customize Text Link Hover Color in Footer Area Only

[flashden422]

Hello,

Could you provide the CSS code to place in the style sheet or HTML code (to place directly within the widget text box) that would allow me to change a text link’s hover color in the footer area only?

Thank You!

[David Martin – Support]

Hi,

Please add this:

#footer a:hover:not(.sf-button) {
    color: red;
}

Thanks.

[flashden422]

Perfect! Worked like a charm. Thanks!!!

[David Martin – Support]

Great, no problem!

Thanks.

[flashden422]

One other question if you don’t mind:

I’d like the link text to be a different color than the rest of the text while is not being hovered over. For example, I’d like the link to be #555555, which is a different color than the rest of the body text in the area.

Can you send over the line of CSS to add for that please?

Thank You!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
a{color:#555555 !important;}
Thanks
Mohammad

[flashden422]

Thank you Mohammad! Problem solved. : )

[Mohammad – SUPPORT]

Hi,
You most welcome and glad to help you.
Thanks
Mohammad

[flashden422]

Please read this as OPTIONAL help – as you’ve already helped enough on this.

When I use the code above, in addition to the text links it turns icons (such as social media icons) into the same color as the text link. Is there a way to adjust the code above so that it only affects text links and not anything else?

If you know of a way – GREAT! If not, once again I already appreciate all the excellent guidance you’ve given above.

Just let me know either way.

Thank You!

[David Martin – Support]

Is that just for the footer again, what social icons are you using – mind sharing a link?

Thanks.

[flashden422]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide website url to check and find the solution.
Thanks
Mohammad