LivAils Posted October 31, 2019 Share Posted October 31, 2019 Hello, I would like to underline each individual menu item when you hover over it. What CSS would I use to do this? I may also want to keep it underlined when that page is active. Please could you pass on the CSS for this also. Thanks, Liv https://greyhound-keyboard-sa3k.squarespace.com/ Link to comment
tuanphan Posted October 31, 2019 Share Posted October 31, 2019 @LivAils Add to Home > Design > Custom CSS /* Hover */ nav.main-nav a:hover { border-bottom: 1px solid currentColor !important; } /* Active */ nav.main-nav .active-link a { border-bottom: 1px solid currentColor; } You can also use text-decoration: underline; but i like border-bottom LivAils 1 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
LivAils Posted November 1, 2019 Author Share Posted November 1, 2019 Perfect thank you! Link to comment
tuanphan Posted November 1, 2019 Share Posted November 1, 2019 Just now, LivAils said: Perfect thank you! You're welcome. Reference: 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
christinemcmillen7 Posted August 24, 2021 Share Posted August 24, 2021 @tuanphan would you have a code to do this exact thing but use an image or even a .gif for the underline? I’m looking to do this but with a squiggly line, ideally a squiggly line that squiggles as it’s hovered over Link to comment
tuanphan Posted August 27, 2021 Share Posted August 27, 2021 On 8/24/2021 at 8:47 PM, christinemcmillen7 said: @tuanphan would you have a code to do this exact thing but use an image or even a .gif for the underline? I’m looking to do this but with a squiggly line, ideally a squiggly line that squiggles as it’s hovered over Hi. This is possible. I used to solve some cases. Can you share link to your site? Each items will need a different image or same image? 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