Select Page

Social Icons

[columnContainer]

[column span=”span12″]

This page displays the Social Media Shortcode example. This shortcode accepts any FontAwesome icon value – see a list of available icons here.

To add social icons simply create a socialGroup container first followed by any amount of socialIcon shortcodes. Here is a full list of parameters for the socialIcon shortcode:

  • icon
  • size
  • color
  • link
  • target

(socialGroup)

(socialIcon icon=”facebook” size=”10″ color=”#3C599B” link=”http://www.facebook.com” target=”_self”)(/socialIcon)

(socialIcon icon=”twitter” size=”10″ color=”#32CCFE” link=”http://www.twitter.com” target=”_blank”)(/socialIcon)

(socialIcon icon=”dribbble” size=”10″ color=”#D95232″ link=”http://www.dribbble.com” )(/socialIcon)

(socialIcon icon=”tumblr” size=”10″ color=”#1D87BD” link=”http://www.tumblr.com” )(/socialIcon)

(socialIcon icon=”android” size=”10″ color=”#009DF7″ link=”http://www.android.com” )(/socialIcon)

(/socialGroup)

[socialGroup]

[socialIcon icon=”fa fa-facebook” size=”10″ color=”#3C599B” link=”http://www.facebook.com” target=”_self”][/socialIcon]

[socialIcon icon=”fa fa-twitter” size=”10″ color=”#32CCFE” link=”http://www.twitter.com” target=”_blank”][/socialIcon]

[socialIcon icon=”fa fa-dribbble” size=”10″ color=”#D95232″ link=”http://www.dribbble.com”][/socialIcon]

[socialIcon icon=”fa fa-tumblr” size=”10″ color=”#1D87BD” link=”http://www.tumblr.com”][/socialIcon]

[socialIcon icon=”fa fa-android” size=”10″ color=”#009DF7″ link=”http://www.android.com”][/socialIcon]

[/socialGroup]

[/column]

[/columnContainer]