Buttons & Social Icons

Buttons

[symple_button color= »gray » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »black » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »red » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »orange » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »blue » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »rosy » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »pink » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »green » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »brown » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »purple » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »gold » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]
[symple_button color= »teal » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank »]Button[/symple_button]

Buttons – Any Border Radius

[symple_button color= »teal » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank » border_radius= »0px »]Button[/symple_button]
[symple_button color= »teal » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank » border_radius= »10px »]Button[/symple_button]
[symple_button color= »teal » url= »http://www.wpexplorer.com » title= »Visit Site » target= »blank » border_radius= »99px »]Button[/symple_button]

Buttons – 3 Sizes

[symple_button url= »# » title= »Visit Site » color= »black » size= »small » border_radius= »3px » target= »self » rel= »none » icon_left= »none » icon_right= »none »] Button [/symple_button]

[symple_button url= »# » title= »Visit Site » color= »black » size= »medium » border_radius= »3px » target= »self » rel= »none » icon_left= »none » icon_right= »none »] Button [/symple_button]

[symple_button url= »# » title= »Visit Site » color= »black » size= »large » border_radius= »3px » target= »self » rel= »none » icon_left= »none » icon_right= »none »] Button [/symple_button]

Buttons With Icons

[symple_button url= »# » title= »Visit Site » color= »blue » size= »medium » border_radius= »3px » target= »self » rel= »none » icon_left= »home » icon_right= »none »] Button [/symple_button]

[symple_button url= »# » title= »Visit Site » color= »teal » size= »medium » border_radius= »3px » target= »self » rel= »none » icon_left= »none » icon_right= »beaker »] Button [/symple_button]

[symple_button url= »# » title= »Visit Site » color= »rosy » size= »medium » border_radius= »3px » target= »self » rel= »none » icon_left= »star » icon_right= »star »] Button [/symple_button]

Social Icons

[symple_social icon= »dribbble » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »facebook » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »flickr » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »forrst » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »github » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »googleplus » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »instagram » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »linkedin » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »pinterest » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »rss » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »tumblr » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »twitter » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »vimeo » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »youtube » url= »# » title= »Visit Website » target= »self » rel= »none »]

Nest Them In Other Shortcodes

[symple_accordion]

[symple_accordion_section title= »Section 1″] Etiam rhoncus accumsan elit sed porta. Suspendisse potenti. Nullam laoreet, velit ut condimentum feugiat, felis nibh ornare massa, quis consectetur est lacus id lorem. Etiam rhoncus accumsan elit sed porta. Etiam rhoncus accumsan elit sed porta.

[symple_spacing size= »10px »]

[symple_button url= »# » title= »Visit Site » color= »blue » size= »small » border_radius= »3px » target= »self » rel= »none » icon_left= »star » icon_right= »star »] Click Here To Learn More [/symple_button]

[/symple_accordion_section]

[symple_accordion_section title= »Section 2″] Etiam rhoncus accumsan elit sed porta. Suspendisse potenti. Nullam laoreet, velit ut condimentum feugiat, felis nibh ornare massa, quis consectetur est lacus id lorem. Etiam rhoncus accumsan elit sed porta. Etiam rhoncus accumsan elit sed porta.

[symple_spacing size= »10px »]

[symple_social icon= »dribbble » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »facebook » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »flickr » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »forrst » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »github » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »googleplus » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »instagram » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »linkedin » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »pinterest » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »rss » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »tumblr » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »twitter » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »vimeo » url= »# » title= »Visit Website » target= »self » rel= »none »][symple_social icon= »youtube » url= »# » title= »Visit Website » target= »self » rel= »none »]

[/symple_accordion_section]

[symple_accordion_section title= »Section 3″] Etiam rhoncus accumsan elit sed porta. Suspendisse potenti. Nullam laoreet, velit ut condimentum feugiat, felis nibh ornare massa, quis consectetur est lacus id lorem. Etiam rhoncus accumsan elit sed porta. Etiam rhoncus accumsan elit sed porta.

[symple_spacing size= »10px »]

[symple_button color= »red » url= »http://wpexplorer-demos.com/thunder/services » title= »services » target= »blank »]View Our Services[/symple_button]   [symple_button color= »orange » url= »http://wpexplorer-demos.com/thunder/contact/ » title= »contact » target= »blank » icon_left= »phone »]Contact Us[/symple_button]

[/symple_accordion_section]

[/symple_accordion]

Pin It on Pinterest

Shares