Jump to content

Accordion Item Title in BOLD only when Accordion is open?

Go to solution Solved by Lesum,

Recommended Posts

Hey yall!

I'm trying to achieve this mockup image below -- does anyone have code for turning the Accordion Title font bold only when the accordion item is open? 

Tried a few things with no luck.



Screenshot 2024-05-30 at 6.26.18 PM.png

Link to comment
  • Solution

@Lelle56 You can try adding this code snippet under Utilities > Website Tools > Custom CSS. 

li.accordion-item[data-is-open] .accordion-item__title {
    font-weight: 700 !important;

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.