Savia features a number of customizable buttons. Use the «Add a Button Link» button from your editor’s kitchen sink to add the button shortcode to your page/post.
By default it looks like this:
This is where button customization starts – you can pass a URL link to the «href» param, you can also pass «_blank» to the «target» parameter and for the «css_classes» parameter you have quite a few options, where you can combine them, some are for size, some for text-style, some for colors:
For button colors your options are:
button_blue – this option creates a blue button
button_orange – this option creates an orange button
button_green – this option creates a green button
button_pale – this option creates a light button
button_hilite – this option makes the button to inherit your Template Main HighLight color that you choose under Appearance->Customize.
Passing none of these values creates a dark button, that inherits your Template’s Main color as a hover color
For size your options are:
small_button – this option creates a blue button
tiny_button – this option creates an orange button
Passing none of the above values for size creates a big button
Finally you can add a CSS class for the font-style:
regular_text – this option creates a simple regular text button with a small border radius
Adding icons to your buttons
First off pick the icon you want to use (Features->Entypo Icons page in the Demo), then create your button and after setting all your parameters the way you want them add the «Icon» shortcode to it’s text by leaving just the icon parameter in like so: