Buttons

Supreme Shortcodes Buttons

Buttons Read More Buttons Share Buttons Login + Logout Buttons NEW BUTTONS



Buttons

Links & Buttons are very important when creating page content. With the Supreme Social WP Theme you’ll have a large variety of sizes and unlimited colours at your disposal. Now you can create beautiful buttons on the fly using the Shortcode Builder.

Advanced option have been integrated into the post page text editor, allowing you to instantly generate buttons of any type without having to write the shortcode markup yourself.

 

Use Supreme Call To Actions to Create Your Marketing Funnels

 

 

3 Different Sizes



Large

[st_button text_color=”#ffffff” link=”#” background=”#3498db” size=”large” target=”_self”]Large[/st_button]

Normal

[st_button text_color=”#ffffff” link=”” background=”#3498db” size=”btn” target=”_self”]Normal[/st_button]

Small

[st_button text_color=”#ffffff” link=”#” background=”#3498db” size=”small” target=”_self”]Small[/st_button]

 

Unlimited Custom Color Schemes for Bottom and Text

Don’t forget about colors! Most of Supreme Shortcodes can be used with predefined color codes. Or you can also choose your own by using Supreme Color Picker.



[st_button size=”btn” link=”#” background=”#f1c40f” text_color=”#ffffff”]Yellow[/st_button]

 


 

Buttons with Font Awesome Icons



[st_button size=”btn” link=”#” background=”#2ecc71″ text_color=”#ffffff” icon=”android”] App[/st_button]
OR
[st_button size=”btn” link=”#” background=”#2ecc71″ text_color=”#ffffff”][st_icon name=’android’ size=’icon-1′ color=”] App[/st_button]



Link Target Methods


 

_self

[st_button text_color=”#ffffff” link=”http://www.supremefactory.net” background=”#3498db” size=”btn” target=”_self”]_self[/st_button]

_blank

[st_button text_color=”#ffffff” link=”http://www.supremefactory.net” background=”#3498db” size=”btn” target=”_blank”]_blank[/st_button]

_parent

[st_button text_color=”#ffffff” link=”http://www.supremefactory.net” background=”#3498db” size=”btn” target=”_parent”]_parent[/st_button]

_top

[st_button text_color=”#ffffff” link=”http://www.supremefactory.net” background=”#0053b0″ size=”btn” target=”_top”]_top[/st_button]

 Customization Options



 

Flat Outline Read More

Read more are generally used at the end of a block of teaser information (often on the home page). Flat and simple, but oversized to attract visitor attention.

Read More

[st_button_more href=”#”]Read More[/st_button_more]

 

 Customization Options



 

     Share Buttons

Allowing your Post/Page to be promoted via the various Social Networks has never been easier. Now you can add Social Media Buttons to your Posts/Peges quickly and easily using the various Social Media Shortcodes like Facebook, Twitter, Google Plus, Pinterest, Linkedin, Tumblr, Digg…

 


Facebook

Standard

[st_fblike url=”” style=”standard” showfaces=”false” width=”” verb=”like” font=”arial”]

Button Count

[st_fblike url=”” style=”button_count” showfaces=”true” width=”” verb=”recommend” font=”arial”]

Box Count

[st_fblike url=”” style=”box_count” showfaces=”false” width=”” verb=”like” font=”arial”]

Share Button

[st_fbshare url=”http://www.your-domain.com”]

 Customization Options



Twitter

Vertical

[st_twitter style=”vertical” url=”” source=”@supremefactory” related=”@puresoulmusic” text=”” lang=”en”]

Horizontal

[st_twitter style=”horizontal” url=”” source=”” related=”@supremefactory” text=”@puresoulmusic” lang=”en”]

 Customization Options



Google Plus

Inline Style

[st_gplus style=”inline” size=”small”]
[st_gplus style=”inline” size=”medium”]
[st_gplus style=”inline” size=”standard”]
[st_gplus style=”inline” size=”tall”]

Bubble Style

[st_gplus style=”bubble” size=”small”]
[st_gplus style=”bubble” size=”medium”]
[st_gplus style=”bubble” size=”standard”]
[st_gplus style=”bubble” size=”tall”]

Style None

[st_gplus style=”none” size=”small”]
[st_gplus style=”none” size=”medium”]
[st_gplus style=”none” size=”standard”]
[st_gplus style=”none” size=”tall”]

 Customization Options



Linkedin

None

[st_linkedin_share url=”” style=”none”]

Top

[st_linkedin_share url=”” style=”top”]

Right

[st_linkedin_share url=”” style=”right”]

 Customization Options



Pinterest

Above

Pin [st_pinterest_pin style=”above”]

Beside

Pin [st_pinterest_pin style=”beside”]

None

Pin [st_pinterest_pin style=”none”]


Tumblr

Plus

Share on Tumblr [st_tumblr style=”plus”]

Standard

Share on Tumblr [st_tumblr style=”standard”]

Icon + Text

Share on Tumblr [st_tumblr style=”icon_text”]

Icon

Share on Tumblr [st_tumblr style=”icon”]

 Customization Options



Digg

Medium

Digg
[st_digg style=”medium” title=”” link=””]

Large

Digg
[st_digg style=”large” title=”” link=””]

Compact

Digg
[st_digg style=”compact” title=”” link=””]

Icon

Digg
[st_digg style=”icon” title=”” link=””]

 Customization Options



 

Login + Logout Buttons

Log In
[st_loginout text_col=”#ffffff” background=”#3498db” size=”n” login_msg=”Log In” logout_msg=”Log Out”]


 Customization Options