timprsn Posted January 2 Share Posted January 2 Hey, I am looking to change the font-family of the accordion title to change on hover, however I want it to change only when actually hovering over the text, right now it changes even when hovering next to it. Is there a way to do so with CSS? Link: https://www.euphoricstudios.com/architecture/open-house Link to comment
Solution Beyondspace Posted January 2 Solution Share Posted January 2 3 hours ago, timprsn said: Hey, I am looking to change the font-family of the accordion title to change on hover, however I want it to change only when actually hovering over the text, right now it changes even when hovering next to it. Is there a way to do so with CSS? Link: https://www.euphoricstudios.com/architecture/open-house You can try the following code .sqs-block-accordion .accordion-item__title { flex: unset; } .sqs-block-accordion .accordion-item__click-target:hover { font-family: 'Sk-Modernist-Regular'; } .accordion-item__title:hover { font-family: "Sk-Modernist-Bold"; } tuanphan 1 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
timprsn Posted January 2 Author Share Posted January 2 3 hours ago, Beyondspace said: You can try the following code .sqs-block-accordion .accordion-item__title { flex: unset; } .sqs-block-accordion .accordion-item__click-target:hover { font-family: 'Sk-Modernist-Regular'; } .accordion-item__title:hover { font-family: "Sk-Modernist-Bold"; } This works, thanks a lot!:) Beyondspace 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