LauraAmber Posted August 21, 2019 Share Posted August 21, 2019 (edited) Could I have help with coding an underline to show up when you hover over a link in the main navigation at the top? Similar to the way this does at the top: https://kaye.hu/ett/personal.php?utmmedium=social&utmsource=pinterest&utmcampaign=tailwindtribes&utm_content=tribes Using Brine Template. Edited August 21, 2019 by LauraAmber Initial Revision Link to comment
Solution tuanphan Posted August 21, 2019 Solution Share Posted August 21, 2019 (edited) Add to Home > Design > Custom CSS .Header-nav-item:hover { border-bottom: 1px solid #ff0000; } Reference: https://beaverhero.com/brine-template-squarespace/#UnderlineNavigationon_Hover@LauraAmber Edited August 21, 2019 by tuanphan Initial Revision 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
Praneetha Posted October 26, 2020 Share Posted October 26, 2020 Hi - I've been trying to get this to work and have used the code Taun Phan provided here, as well as the code below and can't seem to get it to work. .Header-nav-item::after { content: ''; background: #000; height: 2px; width: 0; display: block; margin-top: 2px !important; transition: width 1s; } My website is www.calligrapran.com. Thanks! Link to comment
tuanphan Posted October 27, 2020 Share Posted October 27, 2020 8 hours ago, Praneetha said: Hi - I've been trying to get this to work and have used the code Taun Phan provided here, as well as the code below and can't seem to get it to work. .Header-nav-item::after { content: ''; background: #000; height: 2px; width: 0; display: block; margin-top: 2px !important; transition: width 1s; } My website is www.calligrapran.com. Thanks! Use this CSS .header-nav-item a:hover { text-decoration: underline; } DanielGlazenburg and Praneetha 2 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
Praneetha Posted October 28, 2020 Share Posted October 28, 2020 Thank you @tuanphan!! You're the best. 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