squarespell

Custom Icons to the Accordion Block

Plugin Squarespace

Price not checked

Shown on the creator’s website

Buy now

  • Built for Squarespace

    Listed against the platform it was made for.

  • Sold by Squarespell

    Purchased through Squarespell checkout.

Overview

What this plugin does for your Squarespace site.

Discover how to enhance your Squarespace accordion block by adding custom icons while retaining the arrow or plus sign.

Full description

In the creator’s words.

Custom Icons to the Accordion Block

1. Add this code to CSS

Same icon for all dropdown titles

CSS10 lines
// 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

CSS10 lines
//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!

Check it fits before you buy

  • Platform

    Squarespace

    Not available for any other platform.

  • Product type

    Plugin

  • Account needed

    Squarespace account

    Bought separately from the template.

  • Delivered by

    Squarespell checkout

Evidence

Customer reviews & feedback

No Squarespell customer reviews yet.

Squarespell reviews

Nobody has reviewed this here yet. Be the first, we only publish reviews left on Squarespell in this section.

Before you buy

The questions buyers ask most about this template and about buying through Squarespell. Anything about the product itself is answered by the creator.

Buying through Squarespell

Where do I complete the purchase?

Through Squarespell checkout.

More like this

Ready to look at Custom Icons to the Accordion Block properly?

Buy now