Buttons

Create buttons to heighten the visual appeal of your content pages.

 

Anatomy of the Code Snippet

_div style=_background-color_ #ebedee; padding_ 20px 20px 20px 20px; overflow_ hidden;__Your Text Here__div_ (6).png  

  

Steps to Adding a Button

1. Copy the code snippet:

<p><a id="" class="Button" href="website URL">Button Text Here</a></p>

 

2. Open a content page in Canvas and click "Edit." Open the HTML editor.

3. Paste the code in the box. Replace "website URL" with the URL to which users will be taken when they click the button. Replace "Button Text Here" with what you want the button itself to say.

4. Click "Save" to preview.

 

Customization Options 

_div style=_background-color_ #ebedee; padding_ 20px 20px 20px 20px; overflow_ hidden;__Your Text Here__div_ (7).png

 

To change the button style, add the missing modifier (see chart) to the code (highlighted in yellow):

<p><a id="" class="Button Button--primary" href="http://youtube.com">YouTube</a></p>

 

Modifier Button Preview
Button--primary Button--primary
Button--secondary Button--secondary
Button--success Button--success
Button--warning Button--warning
Button--danger Button--danger