Buttons
You can turn your links into buttons to draw more attention to them. We offer several different styles of buttons to choose from, and adding them is as easy as copy / paste.
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>