CarolineGHC Posted November 26, 2020 Share Posted November 26, 2020 I've added this code into the Custom CSS: .sub-nav a:active, a:hover { outline: 0; color: #237CA8 !important; } Which has created the desirded effect (a hover state for my nav links) but it's also added the blue hue to all my button hover states. How can I get the Custom CSS to only target my menu nav? (See two images attached) Thank you in advanced! Link to comment
sscodehelp Posted November 29, 2020 Share Posted November 29, 2020 Hi! In your code you have correctly targeted the sub nav links in their active state (.sub-nav a:active) but after that you are targeting all links in their hover state (a:hover) hence why the buttons are changing on hover as they are also considered links. Try pasting this piece of code into your Custom CSS so that the sub-nav is targeted both times; //Style active and hover sub nav links .sub-nav a:active, .sub-nav a:hover { outline: 0; color: #237CA8 !important; } Link to comment
CarolineGHC Posted November 30, 2020 Author Share Posted November 30, 2020 Hi! Thank you for your help in this. I've pasted in the code you supplied and now none of the links have their hover states. Painful... I know. Please please help... again. Thank you! Link to comment
CarolineGHC Posted November 30, 2020 Author Share Posted November 30, 2020 Screenshot attached - my mouse is on a link in the dropdown. Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 Can you share site url? We can give code easier. 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.