Go Arrow Button Style (Image Collage Version)

Screen%2BShot%2B2021-01-09%2Bat%2B11.48.31%2BAM.jpg

Description

An updated button style with an arrow icon for the image collage block button. This plugin uses css editor and works with all template families.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Go Arrow Image Collage Button - Button Padding //

.sqs-block-image .design-layout-collage .image-button a
{
    padding: 20px 30px !important;
    border: 10px solid #000000 !important;
}

// Go Arrow Image Collage - Arrow Icon Style //

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

Customize

Button Padding:
Adjust the padding and border values to your liking. Button color and font style can be adjusted within your Squarespace website’s settings.

Arrow Icon Style:
You can change the arrow icon with your own by replacing the “➔” within content. Adjust the color, border, padding, and margin values to your liking.


Previous
Previous

Solid Underline Below Header

Next
Next

Go Arrow Button Style (Image Card Version)