Change Footer Link Hover Color In Lifestyle Pro Child Theme

[TonySan1]

Hi Folks, I hope you are all doing well today. I'm wondering if anyone could tell me how to and where to edit the code to change the color of the link hover color in the footer text of the Lifestyle Pro child theme. I changed the footer background color so that when I hover the cursor over the link text the text and link is not visible. I changed this code in the css file:
`.lifestyle-pro-blue .button,
.lifestyle-pro-blue .genesis-nav-menu a,
.lifestyle-pro-blue .site-footer a,
.lifestyle-pro-blue .site-title a,
.lifestyle-pro-blue .site-title a:hover {
color: #0080ff;
}
It changed the font color but hover link color did not change, I don't want to change the font color, that's fine. I only want the color of the link text to be visible when I move the cursor over it. Can you help? Thank you Tony S.

http://sleepwellnews.com

[Victor Font]

Can't help if we can't see the site. It's asking for a PIN.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Justin]

Using the Lifestyle Pro Theme demo site I was able to change the footer link hover color using the following selector. Change #222 to whatever color you desire for hover.

Make the changes in the child theme style.css and either search the file for another entry like this one and edit that entry (harder but cleaner code) or just add this code to the bottom of the file (easier but messier code).

.lifestyle-pro-blue .site-footer a:hover {
    color: #222;
}

Hope that helps!

[Author]

Posts