HTML: Buttons
Steps to Adding Buttons
1. In your content page, click Edit and create the hyperlink for any website you'd like (within Canvas or not) using the Rich Content Editor.
2. Switch to the HTML Editor. Your code will look something like this:
<p><a href="http://youtube.com">YouTube</a></p>
3. Add the missing code (highlighted in yellow) after "<p><a" to turn the link into a button:
<p><a id="" class="Button" href="http://youtube.com">YouTube</a></p>
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 |
|---|---|
| Button--primary | |
| Button--secondary | |
| Button--success | |
| Button--warning | |
| Button--danger |