inham Posted October 29, 2021 Posted October 29, 2021 Hi, I would like to add lines under my pages when you hover over them. Is it possible? Thanks!
Beyondspace Posted October 30, 2021 Posted October 30, 2021 17 hours ago, inham said: Hi, I would like to add lines under my pages when you hover over them. Is it possible? Thanks! For community 's support, you should set your site with protected password and share them (site url & password) for us to access and check your issue properly BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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!
inham Posted October 30, 2021 Author Posted October 30, 2021 Hi, Hopefully it works! https://wolverine-polygon-atzy.squarespace.com/config/settings password: jewellery21
Beyondspace Posted October 30, 2021 Posted October 30, 2021 38 minutes ago, inham said: Hi, Hopefully it works! https://wolverine-polygon-atzy.squarespace.com/config/settings password: jewellery21 You can try adding to Home > Design > Custom Css .header-nav-item { text-decoration: underline; text-decoration-color: transparent; transition: 1s; -webkit-text-decoration-color: transparent; -moz-text-decoration-color: transparent; } .header-nav-item:hover { text-decoration-color: inherit; -webkit-text-decoration-color: inherit; -moz-text-decoration-color: inherit; } It can be easier with the hover effect that sets underline navbar but with above code, we can have a little smooth transition in underlying. Hope it can help you. Let me know how it works on your site Support me by pressing 👍 if this useful for you BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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!
Beyondspace Posted October 30, 2021 Posted October 30, 2021 My testing result In addition, you can speed up or speed down the transition with the time in Css style underline nav.mp4 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! 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!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.