hoppingbean Posted June 17, 2020 Share Posted June 17, 2020 Site URL: https://www.climatetechaction.network/ Hi guys, I'm really confused because I was able to change the color of my social media icons putting this in the custom CSS box: .header-actions use { fill: #00bfff; } However, I want to also make the menu items change color (Apply, Our Mission, etc) as well as the social media icons when the mouse hovers over them. I've pasted different CSS codes I've found online but none of them work. Can someone please assist? Link to comment
RyanDejaegher Posted June 17, 2020 Share Posted June 17, 2020 @hoppingbean you can add this to your custom CSS .header-actions use:hover { fill: red !important; } Result: Philadelphia, PA 👉 Squarespace Tutorials Chat/Message on FB Messenger for quickest response: https://m.me/dejaegherryan Link to comment
hoppingbean Posted June 17, 2020 Author Share Posted June 17, 2020 (edited) 37 minutes ago, RyanDejaegher said: @hoppingbean you can add this to your custom CSS .header-actions use:hover { fill: red !important; } Result: Thank you SOOO much Ryan!!! Now if it isn't too much to ask, could you let me know how to change the hover color of the menu link items as well? (Apply, our mission etc) We are a small nonprofit and really appreciate your help! I tried this but it did not work: .header-nav-item:hover { color: #787878 !important; } The style of my website is "Malone" Edited June 17, 2020 by hoppingbean adding info Link to comment
hoppingbean Posted June 17, 2020 Author Share Posted June 17, 2020 Also tried this but didn't work .header-nav-item use:hover { fill: #787878 !important; } Link to comment
tuanphan Posted June 17, 2020 Share Posted June 17, 2020 41 minutes ago, hoppingbean said: Also tried this but didn't work .header-nav-item use:hover { fill: #787878 !important; } you can try this .header-nav *:hover { color: red !important; } RyanDejaegher and MunichMarketers 1 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
hoppingbean Posted June 17, 2020 Author Share Posted June 17, 2020 It works!! Thank you both so much for your help!! 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