Kacy-Jung Posted June 23 Share Posted June 23 Hi all Is there any way that I can change the underline to a rounded box (gradient color from #E2E558 to #ED8261) to make my navigation looks like a button to show the page state + drop shadow when hover over? Many thanks! Reference image attached. Many thanks! Link to comment
Beyondspace Posted June 24 Share Posted June 24 15 hours ago, Kacy-Jung said: Hi all Is there any way that I can change the underline to a rounded box (gradient color from #E2E558 to #ED8261) to make my navigation looks like a button to show the page state + drop shadow when hover over? Many thanks! Reference image attached. Many thanks! Can you share your URL so I can check it? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 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
Kacy-Jung Posted Wednesday at 08:18 PM Author Share Posted Wednesday at 08:18 PM It's kacy-jung.com! Thank you! Link to comment
tuanphan Posted yesterday at 07:44 AM Share Posted yesterday at 07:44 AM On 6/27/2024 at 3:18 AM, Kacy-Jung said: It's kacy-jung.com! Thank you! You can use this to Custom CSS div.header-nav-item--active>a { background-image: linear-gradient(to right, #E2E558, #ed8261) !important; background-size: auto !important; padding-left: 5px !important; padding-right: 5px !important; border-radius: 10px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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