Custom Icons to the Accordion Block

1. Add this code to CSS

• Same icon for all dropdown titles

// WWW.SQUARESPELL.CO.UK//
.accordion-item__click-target::before {
  background-image: url(ICON.png);
  background-size: contain;
  content: '';
  height: 40px;
  margin-right: 10px;
  width: 40px;
}
// WWW.SQUARESPELL.CO.UK//

---

2. Add this code to CSS

• Different icon for each dropdown title

//WWW.SQUARESPELL.CO.UK//
.accordion-item__click-target::before {
  background-image: url(ICON.png);
  background-size: contain;
  content: '';
  height: 40px;
  margin-right: 10px;
  width: 40px;
}
//WWW.SQUARESPELL.CO.UK// 

To apply this code to your Squarespace site, simply follow the steps provided. If you encounter any issues or need further assistance, feel free to reach out to us—we’re here to help!