LauraAmber 0 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 post
1 tuanphan 9,599 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 :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 Praneetha 2 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 post
0 tuanphan 9,599 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; } Praneetha 1 Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
LauraAmber 0
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 by LauraAmberInitial Revision
Link to post
Top Posters For This Question
2
2
2
Popular Days
Aug 21
3
Oct 26
1
Oct 27
1
Oct 28
1
Top Posters For This Question
LauraAmber 2 posts
tuanphan 2 posts
Praneetha 2 posts
Popular Days
Aug 21 2019
3 posts
Oct 26 2020
1 post
Oct 27 2020
1 post
Oct 28 2020
1 post
Popular Posts
tuanphan
Use this CSS .header-nav-item a:hover { text-decoration: underline; }
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment