Lauret Posted September 26, 2022 Share Posted September 26, 2022 Site URL: https://wombat-parrot-z3lx.squarespace.com I'd like to change the way links appear in the navigation: at the moment the active page is underlined, while other linked pages in the navigation are not. I'd like to do the opposite, as it's better for accessibility: links underlined, active pages not. I don't see a way to do this using the styling options at hand, hope I'm not being blind... Link to comment
Beyondspace Posted September 26, 2022 Share Posted September 26, 2022 50 minutes ago, Lauret said: Site URL: https://wombat-parrot-z3lx.squarespace.com I'd like to change the way links appear in the navigation: at the moment the active page is underlined, while other linked pages in the navigation are not. I'd like to do the opposite, as it's better for accessibility: links underlined, active pages not. I don't see a way to do this using the styling options at hand, hope I'm not being blind... Your site is private now. Can you share your site with the protected password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Lauret Posted September 26, 2022 Author Share Posted September 26, 2022 Uuups! The password is knock-knock Link to comment
tuanphan Posted September 27, 2022 Share Posted September 27, 2022 17 hours ago, Lauret said: Uuups! The password is knock-knock Add to Design > Custom CSS div.header-nav-item--active>a { background-image: none !important; } div.header-nav-item>a { background-image: linear-gradient(currentColor,currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100%; background-position: 0 calc(100% - 0.1em); } 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
Lauret Posted September 27, 2022 Author Share Posted September 27, 2022 It works! Thanks a lot 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