Button Block - Go Arrow Style


1. Plugin Info

Add a divider and arrow style to the button block (all sizes).

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Button Block - Go Arrow Style - Ghost //

.sqs-block-button-element:after {
    content: '➔';
    color: #5FDAA9 !important;
    border-left: 1px solid #818181;
    padding-left: 30px;
    margin: 0px 0px 0px 30px;
}

3. Customizable Options

  • Arrow Text Character

  • Arrow Color

  • Divider Style

  • Padding (Left)

  • Margin


4. Plugin Notes

  • Applies to the button block only (all sizes)


Previous
Previous

Button Block - Solid Drop Shadow Style

Next
Next

Header Button - Gradient Style