Adding Call to Action buttons on your site
You can download a PDF version of the below as a reference sheet.
- You may only have 1 primary (red) button and up to 2 neutral (gray) buttons on any one page.
To create a button:
- Select the text you would like to have be a link and click the link button.
- Click the Advanced tab and paste in one of the below button classes in the right hand column
| Button Type | Button Class |
|---|---|
| Button Type PDF | button neutral type-pdf |
| Button Type Excel | button neutral type-excel |
| Button Type MS Word | button neutral type-msword |
| Button Type Video | button neutral type-video |
| Button Type Image | button neutral type-image |
| Button Type File | button neutral type-file |
| Button Type File Download | button neutral type-file-download |
| Button Type Folder | button neutral type-folder |
| Button Type Home | button neutral type-home |
| Button Type Email | button neutral type-email |
| Button Type Phone | button neutral type-phone |
| Button Type Calendar | button neutral type-calendar |
| Button Type Right Chevron | button neutral type-chev-right |
| Button Type Book | button neutral type-book |
| Button Type External Link | button neutral type-external-link |
| Button Type Question | button neutral type-question |
| Button Type ID | button neutral type-id |
| Button Type Search | button neutral type-search |
| Button Type News | button neutral type-news |
| Button Type Clipboard | button neutral type-clipboard |
| Button Type Link | button neutral type-link |
| Button Type Give | button neutral type-give |
| Button Type External Link | button neutral type-external-link |
Variations
Add the class "after" to position the icon on the right side of the button
Class - button neutral type-pdf after
Replace the class "neutral" with the class "secondary" in order to make the button red
Class - button secondary type-pdf after
Make the button text larger or smaller by adding the classes: "tiny", "small", "large"
Class - button neutral type-pdf tiny
Button Type Example Text Small
Class - button neutral type-pdf small
Button Type Example Text Large
Class - button neutral type-pdf large