Accordion Block Tabs Background Image

---

Description

Add a background image to the tabs of the accordion block. This plugin uses css editor and works with all template families.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Accordion Block Tabs Background Image Style //

.sqs-block-accordion .accordion-item__title-wrapper {
  background: url(YOUR-IMAGE-HERE) !important;
  background-position: center !important;
  background-size: cover !important;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

---

Customize

Change the background YOUR-IMAGE-HERE link to your image’s file url. We recommend hosting the image and generating the link via Squarespace CSS.

Adjust the padding, bottom margin, and border radius values to your liking. If using a full border, disable the Divider option in the accordion block’s settings.

Additional styles for fonts, icons, and the divider can be found in the accordion block’s settings.

---