AA_viz Posted August 9, 2022 Share Posted August 9, 2022 Site URL: https://www.andreaaresu.com/ Hi everyone! I'm trying to achieve the same effect as shown in the video attached below. When hovering over a navigation link on the header, I want the "active" one to stay black while the other links gets greyed out. Can anyone please help with this? Thank you. Andrea. ezgif.com-gif-maker.mp4 Link to comment
tuanphan Posted August 11, 2022 Share Posted August 11, 2022 Add to Design > Custom CSS /* nav hover */ nav.header-nav-list:hover a { color: gray; } nav.header-nav-list:hover a:hover { color: black !important; } 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
AA_viz Posted August 11, 2022 Author Share Posted August 11, 2022 Thank you, tuanphan. Unfortunately, it doesn't seem to be working. Link to comment
tuanphan Posted August 14, 2022 Share Posted August 14, 2022 I see it works here. Try changing to red/green to see it /* nav hover */ nav.header-nav-list:hover a { color: red; } nav.header-nav-list:hover a:hover { color: green !important; } 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
AA_viz Posted August 17, 2022 Author Share Posted August 17, 2022 It works! For some reason I wasn't able to see it while on the "editor mode". Thanks for your time, tuanphan. tuanphan 1 Link to comment
AA_viz Posted September 8, 2022 Author Share Posted September 8, 2022 Sorry to bother you again, @tuanphan. Don't know why but the code suddenly stopped working. Is there anything I can do to solve the issue? Thank you. Link to comment
tuanphan Posted September 9, 2022 Share Posted September 9, 2022 21 hours ago, AA_viz said: Sorry to bother you again, @tuanphan. Don't know why but the code suddenly stopped working. Is there anything I can do to solve the issue? Thank you. Just tested & it still works here. Can you try it again? 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
Create an account or sign in to comment
You need to be a member in order to leave a comment