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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, 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