GregR Posted August 15, 2023 Share Posted August 15, 2023 Hi, I'm currently building a site with Corey Henson template. Anyone know how to code so that navigation bar highlights on hover. Also curious, right now the arrow changes to a hand when over the link. Is there a code to change the hand to a different icon? Thank you! Link to comment
Lesum Posted August 15, 2023 Share Posted August 15, 2023 @GregR Changes you mentioned can be implemented with CSS code. Would it be possible to share your site URL? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
GregR Posted August 15, 2023 Author Share Posted August 15, 2023 Thanks Lesum! It's currently in preview mode for the template I am switching over to. www.gregoryreidphoto.com Link to comment
GregR Posted August 16, 2023 Author Share Posted August 16, 2023 Any luck anybody? :) Link to comment
Lesum Posted August 16, 2023 Share Posted August 16, 2023 @GregR Here's a code snippet to highlight the navigation bar and change the hand icon on hover. Following code will change navbar background color to green and the hand icon to a heart icon on hover. .collection-nav-desc-wrapper .collection-nav .collection-nav-item span:hover { background: #197039 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/heart.svg), auto; } We can easily modify the code to display the highlight and icon differently. tuanphan 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
GregR Posted August 30, 2023 Author Share Posted August 30, 2023 Thanks Lesum! For some reason the heart is just showing as a typing bar symbol. Would you be kind enough to send me a code that doesn't affect the hover and just the navidation symbol, a black heart? Thank you! 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