Accordion Block Tabs Gradient Style

---

Description

Add gradient and additional styles 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 Gradient Style //

.sqs-block-accordion .accordion-item__title-wrapper {
  background: linear-gradient(to left, #F07C63, #E45372) !important;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}

---

Customize

Adjust the background, padding, margin bottom, and border radius values to your liking.

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

---