Accordion Block - Tab Border Style


1. Plugin Info

Add a border style to the accordion block tabs.

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Accordion Block - Tabs Border Style - Ghost //

.sqs-block-accordion .accordion-item__click-target {
  border: 1px solid #000;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 10px;
}

3. Customizable Options

  • Tab Border Style

  • Tab Border Radius

  • Tab Background Color

  • Margin (Bottom Spacing)


4. Plugin Notes

  • Disabling dividers in accordion block settings is recommended

  • Tab padding, alignment and other styles can be changed in settings


Previous
Previous

Accordion Block - Create Hyperlink Button

Next
Next

Accordion Block - Alternating Tab Colors