spartanwanderer Posted June 10, 2021 Share Posted June 10, 2021 Site URL: https://sethbarham.com Hey guys! I try my absolute best to do all my CSS changes myself, but there is one "Holy Grail" change that I really can't seem to figure out. I have been able to change the color of my social icons in the footer and I've even been able to change the hover color. What I can't seem to change is the color of the other social icons (non-active) on hover. The icon that is being hovered changes the way it should while the other icons turn a dark gray. I'd like to be able to change the dark gray of the other icons on hover, or perhaps prevent this fade action from happening at all. Thanks! Link to comment
Solution ghemachandar Posted June 10, 2021 Solution Share Posted June 10, 2021 You can use this code to change hover mask color: .social-icons-color-black.social-icons-style-knockout .sqs-svg-icon--list:hover .sqs-use--mask { fill: red; } spartanwanderer 1 Hire me Link to comment
spartanwanderer Posted June 10, 2021 Author Share Posted June 10, 2021 This worked like an absolute charm, my friend! Did exactly what I needed it to do - thanks so much! Link to comment
ghemachandar Posted June 10, 2021 Share Posted June 10, 2021 You are welcome. :) Hire me Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment