Add a Button - Accordion Block


Plugin Details

Easily create and add a clickable button to the accordion block’s description text.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// ADD A BUTTON - ACCORDION BLOCK - GHOSTPLUGINS.COM //

// add a hyperline to the end of the accordion block description box, this hyperlink will turn into a button

.sqs-block-accordion .accordion-item__description a {
  background: #000 !important;
  color: #fff !important;
  padding: 5px 15px !important;
  border-radius: 5px !important;
  margin-top: 10px !important;
  display: inline-block;
}

Add a Clickable Button

Edit your accordion block and go to the item you want to add the button to. Next, add a text hyperlink on its own line at the bottom of the description text box.

This hyperlink will be turned into a clickable button.


Customizable Options

  • Button Background Color

  • Button Font Color

  • Padding

  • Border Radius

  • Top Spacing

Notes

No plugin notes


Previous
Previous

Full Width Button - Form Block

Next
Next

Description Titles - Accordion Block