Boxes, Buttons & Social

Included are also some useful shortcodes for boxes, buttons and social icons.

Boxes

Use boxes to add emphasis or create callouts on any page. They’re a great way to catch readers’ attention! And you can add the “extended” class to make the box full-width.

[symple_box color=”gray” text_align=”left” width=”100%” float=”none”]There are lots of colors to choose from… [/symple_box]

[symple_box color=”red” text_align=”right” width=”100%” float=”none”]…And you can easily change the alignment.[/symple_box]

[symple_box color=”yellow” text_align=”center” width=”60%” float=”left”]You can also adjust the width.[/symple_box]

[symple_box color=”blue” width=”37%” float=”right” text_align=”center”]Boxes are fun![/symple_box]

[symple_clear_floats]

[symple_box color=”green” text_align=”center” width=”100%” float=”none”]You can nest other shortcodes here too![/symple_box]

Buttons

If you need a button just use the shortcode! There are so many colors to choose from, and you can set a custom border radius to create varying degrees of rounded edges.

[symple_button color=”gray” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Gray[/symple_button]
[symple_button color=”black” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Black[/symple_button]
[symple_button color=”red” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Red[/symple_button]
[symple_button color=”orange” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Orange[/symple_button]
[symple_button color=”blue” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Blue[/symple_button]
[symple_button color=”rosy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Rosy[/symple_button]
[symple_button color=”pink” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Pink[/symple_button]
[symple_button color=”green” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Green[/symple_button]
[symple_button color=”brown” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Brown[/symple_button]
[symple_button color=”purple” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Purple[/symple_button]
[symple_button color=”gold” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Gold[/symple_button]
[symple_button color=”teal” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Teal[/symple_button]
[symple_button color=”navy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank”]Navy[/symple_button]

[symple_spacing size=”10px”]

[symple_button color=”navy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank” border_radius=”0px”]0px Border Radius[/symple_button]
[symple_button color=”navy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank” border_radius=”2px”]2px Border Radius[/symple_button]
[symple_button color=”navy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank” border_radius=”10px”]10px Border Radius[/symple_button]
[symple_button color=”navy” url=”http://www.wpexplorer.com” title=”Visit Site” target=”blank” border_radius=”99px”]99px Border Radius[/symple_button]

Social

Social Icons are an easy way for readers to get in touch with you. Add icons for people to follow you with our hand dandy shortcodes.

[symple_social icon=”addthis” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”behance” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”blogger” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”delicious” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”deviantart” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”digg” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”dopplr” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”dribbble” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”evernote” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”facebook” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”flickr” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”forrst” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”github” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”google” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”grooveshark” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”instagram” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”lastfm” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”linkedin” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”mail” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”myspace” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”paypal” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”picasa” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”pinterest” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”posterous” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”reddit” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”rss” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”sharethis” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”skype” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”soundcloud” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”spotify” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”stumbleupon” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”tumblr” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”skype” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”viddler” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”vimeo” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”virb” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”windows” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”WordPress” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”youtube” url=”#” title=”Title” target=”self” rel=”follow”][symple_social icon=”zerply” url=”#” title=”Title” target=”self” rel=”follow”]