Buttons
Last edited 3/1/2022
You can Turn your links into buttons to draw more attention to them.
To add a button to your page:
- Copy the code snippet shown under the button style of your choice.
- Select your webpage in the Tentaroo CMS and click SOURCE in the Content Card to switch to the HTML code editor.
- Paste the code in the location you want the button.
- Replace TEXT with the text you want displayed on your button (e.g. GO)
- Replace LINK with the absolute or relative link address.
You can turn any existing link into a button by inserting the class code (e.g. class="btn btn-primary btn-sm") into the hyperlink tag.
Example
<a class="btn btn-primary btn-sm" href="https://www.tentaroo.com">Button Name</a>
Standard Buttons
This is a Button
<a class="btn btn-primary btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-primary" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-primary btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-primary btn-block btn-sm" href="LINK">TEXT</a>
This is a Butto
<a class="btn btn-primary btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-primary btn-block btn-lg" href="LINK">TEXT</a>
Info Buttons
This is a Button
<a class="btn btn-info btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-info" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-info btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-info btn-block btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-info btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-info btn-block btn-lg" href="LINK">TEXT</a>
Warning Buttons
This is a Button
<a class="btn btn-warning btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-warning" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-warning btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-warning btn-block btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-warning btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-warning btn-block btn-lg" href="LINK">TEXT</a>
Success Buttons
This is a Button
<a class="btn btn-success btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-success" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-success btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-success btn-block btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-success btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-success btn-block btn-lg" href="LINK">TEXT</a>
Danger Buttons
This is a Button
<a class="btn btn-danger btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-danger" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-danger btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-danger btn-block btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-danger btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-danger btn-block btn-lg" href="LINK">TEXT</a>
Default Buttons
This is a Button
<a class="btn btn-default btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-default" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-default btn-lg" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-default btn-block btn-sm" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-default btn-block" href="LINK">TEXT</a>
This is a Button
<a class="btn btn-default btn-block btn-lg" href="LINK">TEXT</a>