Custom buttons
[line]
You can create buttons of any color in this theme via a simple to use and intuitive shortcode. Here are a couple of examples.
[white_space height=”10px”]
1) Small buttons
[button link=”#” size=”small” color=”#fff” background=”#28a9ec”]button text[/button] [button link=”#” size=”small” color=”#fff4ec” background=”#f0791f”]button text[/button] [button link=”#” size=”small” color=”#eafffc” background=”#57988f”]button text[/button] [button link=”#” size=”small” color=”#fff1f8″ background=”#b7276b”]button text[/button] [button link=”#” size=”small” color=”#fff3f3″ background=”#ee3f3f”]button text[/button]
[break]
[white_space height=”18px”]
2) Medium buttons
[button link=”#” size=”medium” color=”#fff” background=”#28a9ec”]button text[/button] [button link=”#” size=”medium” color=”#fff4ec” background=”#f0791f”]button text[/button] [button link=”#” size=”medium” color=”#eafffc” background=”#57988f”]button text[/button] [button link=”#” size=”medium” color=”#fff1f8″ background=”#b7276b”]button text[/button] [button link=”#” size=”medium” color=”#fff3f3″ background=”#ee3f3f”]button text[/button]
[break]
[white_space height=”18px”]
3) Large buttons
[button link=”#” size=”large” color=”#fff” background=”#28a9ec”]button text[/button] [button link=”#” size=”large” color=”#fff4ec” background=”#f0791f”]button text[/button] [button link=”#” size=”large” color=”#eafffc” background=”#57988f”]button text[/button] [button link=”#” size=”large” color=”#fff1f8″ background=”#b7276b”]button text[/button] [button link=”#” size=”large” color=”#fff3f3″ background=”#ee3f3f”]button text[/button]
[break]
[white_space height=”18px”]
[labtitle]Shortcode usage[/labtitle]
[prettyprint][printcode][button link=”BUTTON_LINK” size=”LARGE” color=”#COLOR_CODE” background=”#COLOR_CODE”]button text[/button][/printcode][/prettyprint]
One more thing to mention is that the size parameter values can be ‘small’, ‘medium’ or ‘large’.
[white_space height=”18px”]
4) Special heart button
[heart_sbutton link=”http://google.com”]We are loving this theme[/heart_sbutton]
[break]
[labtitle]Shortcode usage[/labtitle]
[prettyprint][printcode][heart_sbutton link=”BUTTON_LINK”]button text[/heart_sbutton][/printcode][/prettyprint]