Button Block

Description

Button block...click!

Comes in 3 different styles: primary, secondary, and tertiary.
Each one is customizable in look and feel.

*** Note: In 7.0 buttons are called small, medium, and large but the classes used in 7.1 work the same for 7.0

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.sqs-block-button-element {
}

</style>

Custom CSS

To target all button blocks

/* all button blocks */
.sqs-block-button-element {
}

To target the primary button block (7.0: medium) 

/* primary buttons */
.sqs-block-button-element--primary {
}

To target the secondary button block (7.0: large) 

/* secondary buttons */
.sqs-block-button-element--secondary {
}

To target the tertiary button block (7.0: small) 

/* tertiary buttons */
.sqs-block-button-element--tertiary {
}
7.0, 7.1Cristina TiosecoButton