ltcron 0 Posted November 7, 2019 Hello! I'm looking to change the color of navigation links when I hover over them in Squarespace 7.1. There doesn't seem to be an option to do that yet. Does anyone know the CSS for this? Thanks! Share this post Link to post
0 tuanphan 7,649 Posted November 8, 2019 (edited) /* Nav item hover color - underline */ .header-nav-item a:hover { color: violet; } Reference (nav hover color code for all templates 7.0 & 7.1): https://beaverhero.com/squarespace-navigation-links/ Edited November 8, 2019 by tuanphan You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
0 Fishlette 5 Posted November 25, 2019 Hmm...having the same issue and the code still isn't doing the hover :/ Is there something else to try? Thanks so much! Share this post Link to post
0 tuanphan 7,649 Posted November 25, 2019 7 minutes ago, Fishlette said: Hmm...having the same issue and the code still isn't doing the hover :/ Is there something else to try? Thanks so much! Can you share link to your site? You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
0 Fishlette 5 Posted December 18, 2019 Yes! Please see link below: https://www.embodypoledance.com/ Share this post Link to post
0 tuanphan 7,649 Posted December 19, 2019 On 12/18/2019 at 9:58 PM, Fishlette said: Yes! Please see link below: https://www.embodypoledance.com/ Add to Home > Design > Custom CSS .header-nav-item a:hover { color: red !important; } 2 1 snorkelcookislands, jaisequoia and codydennison reacted to this You can send your question to my email to get faster answer. How to Setup Password & Share URL Armadillo - Free portfolio template Share this post Link to post
0 snorkelcookislands 1 Posted June 16 Code totally works for me! On 12/19/2019 at 5:07 AM, tuanphan said: Add to Home > Design > Custom CSS .header-nav-item a:hover { color: red !important; } Is there a way to create a hover underline effect for navigation links in the header menu? Share this post Link to post
0 Kate 34 Posted June 17 We have a fun free one you can download here (see it in use in navigation on our site) it is a highlighter effect instead of just an underline. www.squreaddons.com If you are looking for a way to add Anchor Links, Gallery Blocks, or a Rotating Banner with Content Blocks overlaid in Squarespace 7.1, you can find all these plugins in our Squarespace add-on store here: www.Squareaddons.com -- Enjoy! Share this post Link to post
Hello! I'm looking to change the color of navigation links when I hover over them in Squarespace 7.1. There doesn't seem to be an option to do that yet. Does anyone know the CSS for this? Thanks!
Share this post
Link to post