HaileyDeReamer Posted November 13 Share Posted November 13 I added custom CSS code to create an underline while hovering on linked text, including navigation. What I would like to do is remove the underline while hovering on a "Folder" in Navigation as it doesn't actually link to anything. How would I do this? The example I'm referring to in the image is "Visit Us" should not be underlined while hovering, but Denali Brewpub and Tasting Room should be. Here is the CSS code I have: h1 a:hover, h2 a:hover, h3 a:hover, p a:hover,.header-nav-item a:hover, { text-decoration:underline; } Link to comment
SaranyaDesigns Posted November 13 Share Posted November 13 @HaileyDeReamer You'll need to get more specific with your hover selectors, can you share a link to the page you need help with? If it's still in development, you can add a password and share it here. Link to comment
HaileyDeReamer Posted November 15 Author Share Posted November 15 https://beige-greyhound-w63h.squarespace.com/ password: dereamers Link to comment
SaranyaDesigns Posted November 15 Share Posted November 15 @HaileyDeReamer ok try adding this to custom CSS: a.header-nav-folder-title:hover { text-decoration: none; } If that doesn't work, try adding !important... Link to comment
HaileyDeReamer Posted November 15 Author Share Posted November 15 That worked! Thank you! SaranyaDesigns 1 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