Social Icons

[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Social Links Shortcode

Avada includes a large set of social icons to use throughout the theme and you can also upload a custom icon These icons are a vector font icon instead of an image, which produces much faster load times and will always ensure perfect sharpness. Social icons are loaded with options that allow you to easily cusotmize them. Choose boxed or unboxed, border radius, icon color globally or individually, box color globally or individually, hover tooltip position and more.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”4px” icon_colors=”” box_colors=”” tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”#” reddit=”” yahoo=”” deviantart=”” vimeo=”” youtube=”” pinterest=”#” digg=”” flickr=”” forrst=”” myspace=”” skype=”” paypal=”” dropbox=”” soundcloud=”” vk=”” email=”” show_custom=”no” alignment=”center” class=”” id=””][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Social Icon Set

Avada includes a total of 25 social icons with more added frequently and ability to upload a custom icon.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”4px” icon_colors=”” box_colors=”” tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”#” dribbble=”#” google=”#” linkedin=”#” blogger=”#” tumblr=”#” reddit=”#” yahoo=”#” deviantart=”#” vimeo=”#” youtube=”#” pinterest=”#” digg=”#” flickr=”#” forrst=”#” myspace=”#” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”#” show_custom=”no” alignment=”center” class=”” id=””][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Boxed or UnBoxed Icons

Choose to have the icons be boxed or unboxed, and you can make this choice in several areas of the theme.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”4px” icon_colors=”” box_colors=”” tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”#” dribbble=”#” google=”#” linkedin=”#” blogger=”#” tumblr=”#” reddit=”#” yahoo=”#” deviantart=”#” vimeo=”#” youtube=”#” pinterest=”#” digg=”#” flickr=”#” forrst=”#” myspace=”#” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][separator style_type=”none” top_margin=”20″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][social_links icons_boxed=”no” icons_boxed_radius=”4px” icon_colors=”” box_colors=”” tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”#” dribbble=”#” google=”#” linkedin=”#” blogger=”#” tumblr=”#” reddit=”#” yahoo=”#” deviantart=”#” vimeo=”#” youtube=”#” pinterest=”#” digg=”#” flickr=”#” forrst=”#” myspace=”#” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Full Color Control

Set one global color for icons and box, or individual per icon.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”4px” icon_colors=”#fff” box_colors=”#4c71bc|#d3711a|#30b6dd|#242424|#c8232f|#d851a1|#5b6397|#df8a1c|#0fa4d5|#355ea2|#28bdcf|#e8a411|#6983b3″ tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”#” youtube=”” pinterest=”#” digg=”” flickr=”” forrst=”” myspace=”” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][separator style_type=”none” top_margin=”20″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][social_links icons_boxed=”no” icons_boxed_radius=”4px” icon_colors=”#4c71bc|#d3711a|#30b6dd|#242424|#c8232f|#d851a1|#5b6397|#df8a1c|#0fa4d5|#355ea2|#28bdcf|#e8a411|#6983b3″ box_colors=”” tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”#” reddit=”” yahoo=”” deviantart=”” vimeo=”#” youtube=”#” pinterest=”#” digg=”” flickr=”” forrst=”#” myspace=”” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Border Radius Control

Set the border radius for boxed mode. Full control in pixel value for square, rounded or circular.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”0px” icon_colors=”#fff” box_colors=”#4c71bc|#d3711a|#30b6dd|#242424|#c8232f|#d851a1|#5b6397|#df8a1c|#0fa4d5|#355ea2|#28bdcf|#e8a411|#6983b3″ tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”#” youtube=”” pinterest=”#” digg=”” flickr=”” forrst=”” myspace=”” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][separator style_type=”none” top_margin=”7″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”10px” icon_colors=”#fff” box_colors=”#4c71bc|#d3711a|#30b6dd|#242424|#c8232f|#d851a1|#5b6397|#df8a1c|#0fa4d5|#355ea2|#28bdcf|#e8a411|#6983b3″ tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”#” youtube=”” pinterest=”#” digg=”” flickr=”” forrst=”” myspace=”” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][separator style_type=”none” top_margin=”7″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][social_links icons_boxed=”yes” icons_boxed_radius=”25px” icon_colors=”#fff” box_colors=”#4c71bc|#d3711a|#30b6dd|#242424|#c8232f|#d851a1|#5b6397|#df8a1c|#0fa4d5|#355ea2|#28bdcf|#e8a411|#6983b3″ tooltip_placement=”” rss=”#” facebook=”#” twitter=”#” instagram=”” dribbble=”#” google=”” linkedin=”#” blogger=”#” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”#” youtube=”” pinterest=”#” digg=”” flickr=”” forrst=”” myspace=”” skype=”#” paypal=”#” dropbox=”#” soundcloud=”#” vk=”#” email=”” show_custom=”no” alignment=”center” class=”” id=””][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Tooltip Hover Position

Set the position of the tooltip hover to up, down, left or right.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””]

[social_links icons_boxed=”yes” icons_boxed_radius=”0px” icon_colors=”#fff” box_colors=”#30b6dd” tooltip_placement=”top” rss=”” facebook=”” twitter=”#” instagram=”” dribbble=”” google=”” linkedin=”” blogger=”” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”” youtube=”” pinterest=”” digg=”” flickr=”” forrst=”” myspace=”” skype=”” paypal=”” dropbox=”” soundcloud=”” vk=”” email=”” show_custom=”no” alignment=”center” class=”” id=””]
[social_links icons_boxed=”yes” icons_boxed_radius=”0px” icon_colors=”#fff” box_colors=”#30b6dd” tooltip_placement=”Right” rss=”” facebook=”” twitter=”#” instagram=”” dribbble=”” google=”” linkedin=”” blogger=”” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”” youtube=”” pinterest=”” digg=”” flickr=”” forrst=”” myspace=”” skype=”” paypal=”” dropbox=”” soundcloud=”” vk=”” email=”” show_custom=”no” alignment=”center” class=”” id=””]
[social_links icons_boxed=”yes” icons_boxed_radius=”0px” icon_colors=”#fff” box_colors=”#30b6dd” tooltip_placement=”bottom” rss=”” facebook=”” twitter=”#” instagram=”” dribbble=”” google=”” linkedin=”” blogger=”” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”” youtube=”” pinterest=”” digg=”” flickr=”” forrst=”” myspace=”” skype=”” paypal=”” dropbox=”” soundcloud=”” vk=”” email=”” show_custom=”no” alignment=”center” class=”” id=””]
[social_links icons_boxed=”yes” icons_boxed_radius=”0px” icon_colors=”#fff” box_colors=”#30b6dd” tooltip_placement=”left” rss=”” facebook=”” twitter=”#” instagram=”” dribbble=”” google=”” linkedin=”” blogger=”” tumblr=”” reddit=”” yahoo=”” deviantart=”” vimeo=”” youtube=”” pinterest=”” digg=”” flickr=”” forrst=”” myspace=”” skype=”” paypal=”” dropbox=”” soundcloud=”” vk=”” email=”” show_custom=”no” alignment=”center” class=”” id=””]
[/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]

Complete Set of Options

Every option and description included with the social link shortcode is listed below.

[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”yes” hundred_percent=”no” class=”” id=””]

[checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]icons_boxed – Can be one of these values: default, yes, or no. This will enable or disable boxed icons.[/li_item][li_item icon=””]icons_boxed_radius – Accepts a pixel value that sets the border’s radius. For example, 1px. Leave Blank for Theme Option selection.[/li_item][li_item icon=””]icon_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s colors. Use one value for all, or unique colors for each. Separate unique colors with a vertical line. For example, #AA0000|#00AA00|#0000AA. Leave Blank for Theme Options selection.[/li_item][li_item icon=””]box_colors – Accepts a hexcode ( #000000 ). Sets the social icon’s box colors. Use one value for all, or unique colors for each. Separate unique colors with a vertical line. For example, #AA0000|#00AA00|#0000AA. Leave Blank for Theme Options selection.[/li_item][li_item icon=””]tooltip_placement – Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.[/li_item][/checklist]
[checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]various social links – The custom URL path to your various social media profiles. For example, http://www.facebook.com/johndoe.[/li_item][li_item icon=””]email – The custom email address. For example, johndoe@example.com.[/li_item][li_item icon=””]show_custom – Can be one of these values: yes, or no. Will display your custom social icon from theme options.[/li_item][li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/li_item][li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/li_item][/checklist]
[/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”/wp-content/uploads/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” bordercolor=”” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” paddingleft=”40px” paddingright=”40px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_text]

Join The 100,000+ Satisfied Avada Users!

[/fusion_text][/fullwidth]