Using built-in styles, you can easily add various buttons and message boxes:
Buttons
Small Buttons
Small Button Small Button Small Button
Small Button Small Button Small Button
Medium Buttons
Medium Button Medium Button Medium Button
Medium Button Medium Button Medium Button
Large Buttons
Large Button Large Button Large Button
Large Button Large Button Large Button
Adding Buttons
You can add a button with a single line of code below:
<a href="LINK" class="button SIZE COLOR">TEXT</a>
- Replace LINK with the URL to point to when the button is clicked.
- Replace SIZE with small, medium or large.
- Replace COLOR with blue, green, red, orange, yellow, gray, or grey.
- Replace TEXT with the text to be displayed on the button.
Message Boxes
Green / Success Message
Blue / Info Box
Red / Alert Message
Yellow / Note Box
Gray / Message Box
Adding Message Boxes
You can add a message box with a single line of code below:
<div class="MESSAGE_BOX_TYPE">MESSAGE</div>
or with the code below:
<div class="message-box COLOR">MESSAGE</div>
- Replace MESSAGE_BOX_TYPE with the type of message box. Possible values are success-box, info-box, alert-box, note-box or message-box.
- Replace COLOR with the type of message box. Possible values are green, blue, red, yellow or leave blank for default gray color.
- Replace MESSAGE with the message you wish to display.
Recent Comments