Adding social networks to your site

There are several places where you can show the links to the social networks profiles. One of these areas is in the header, and it can be enabled from the header settings:

header-social

And a second way of adding the social profile icons, is by using the ‘Social Network’ widget. The widget can be used in any available widget area:

Screen Shot 2016-03-22 at 3.48.45 PM

Now that we know how to enable the social profile links, we will show how to control which profiles and in what order will show up. For that we need to use the ‘Social media’ options available under the ‘General’ settings.

soc-set

When setting up each social profile icon it is necessary to add the following information:

  • Social network name. The name is used to provide the default icons for the supported services. We provide icons for the following social networks: facebook, twitter, gplus, yahoo, dribbble, linkedin, vimeo, youtube, tumblr, delicious, flickr, instagram, pinterest. And it is important to know that if you want to use the built in font icons, you should use the exact same name as we provide in the list above.
  • Social Network URL (i.e. http://facebook.com/flothemes)
  • Icon Image(optional) – in case you don’t like the default icons
  • Icon Image Hover(optional) – in case you don’t like the default icons

single-soc

After all the social profile icons are added, you can sort them by using grag and drop.

Also under the  ‘Social Media’ setting you’ll find the options to enable and disable the social sharing buttons for the blog posts and gallery posts.

Screen Shot 2016-03-22 at 4.04.07 PM