Since version 2.3 you can now have social media icons anywhere on the theme using the shortcode.
Basically the shortcode looks like this:
[csi icon="twitter" type="box" size="large" url="http://twitter.com/" target="_self" color="#fff" bg_color="#333"][/csi]
Important: Make sure your editor is on text mode while you are inserting shortcodes in it.
You can choose between 22 icons which are:
You can choose between 3 types of icons, simple, box and border and for box and border type you can choose to have rounded icons too like so:
[csi url="https://titter.com/" icon="twitter" type="box rounded"]twitter[/csi]
You can have small or large sized icons by setting the size=”small” or size=”large” (which is the default amount)
The url and target are the linking behaviors, so to link to facebook you have url=”http://facebook.com” and to open the link in another window/tab the target should be set as _blank
You can also customize the coloring of the icons too. so for a white color for icon text you should set color=”#fff” and to change the default background color for boxed type icons you can set bg_color=”#fff” to have a white background by default.
Also you can have text next to the simple icons like so
[csi url="https://titter.com/" icon="twitter"]twitter[/csi]
If you put simple type with small size social icons shortcodes in the toolbar left or right widget positions and if you add text to them they will turn into collapsible icons like you see in the demo.