Accordion Block - Create Hyperlink Button


1. Plugin Info

Apply a button style to a hyperlink in the accordion block description.

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Accordion Block - Turn Link Into Button - Ghost //

.sqs-block-accordion a { 
  background: #000;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #000;
  display: inline-block;
}

3. Customizable Options

  • Background Color

  • Text Color

  • Padding

  • Border Style

  • Border Radius


4. Plugin Notes

  • Add a normal hyperlink at the end of the description text

  • The CSS will turn this hyperlink into a button style


Previous
Previous

1 Image Per Row On Mobile - Grid Gallery

Next
Next

Accordion Block - Tab Border Style