Home / Buttons and Message Boxes

Buttons and Message Boxes

With SomoSocial child theme, you can easily add various buttons and message boxes:

Buttons

SomoSocial theme supports 6 colors and 3 button sizes:

Small Buttons

Small Small Small Small Small Small Small

Medium Buttons

Medium Medium Medium Medium Medium Medium Medium

Large Buttons

Large Large Large Large Large Large Large

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, yellow, orange, pink, gray, or grey.
  • Replace TEXT with the text to be displayed on the button.

Message Boxes

SomoSocial theme supports 5 types of message boxes:

Success Box or Tick Box
Use tick box to display a success or thank you message.
Alert Box
Use alert box to display an error message.
Info Box
Use info box to display an information message.
Download Box
Use download box to display a message with download links.
Note Box
Use note box to display any general note.

Adding Message Boxes

You can add a message box with a single line of code below:

<div class="MESSAGE_BOX_TYPE">MESSAGE</div>

  • Replace MESSAGE_BOX_TYPE with the type of message box. Possible values are success-box, tick-box, alert-box, info-box, download-box or note-box.
  • Replace MESSAGE with the message you wish to display.