Plugin Details

Add an arrow icon and hover style to the button block - primary, secondary, and tertiary.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

• Arrow Icon Included

Add to Custom CSS

Apply Arrow To Button

By default, the plugin applies to the primary button block. If you want to apply it to a different button block style, use these targets instead:

• Primary Button (Default)
  .sqs-block-button .sqs-button-element--primary

• Secondary Button
  .sqs-block-button .sqs-button-element--secondary

• Tertiary Button
  .sqs-block-button .sqs-button-element--tertiary

Customizable Options

• Icon Width

• Icon Height

• Left Spacing

• Default Arrow Icon URL

• Invert (Black or White)

• Left Spacing (On Hover)

• Transition Speed (On Hover)

• Remove Opacity (On Hover)

Notes

No plugin notes

Use Your Own Icon

Use CSS > Manage Files to upload and generate a file URL for your own icon. Then swap out the default icon’s URL with your file’s URL.