{"id":12107,"date":"2016-12-28T13:34:37","date_gmt":"2016-12-28T13:34:37","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=12107"},"modified":"2023-07-31T11:30:03","modified_gmt":"2023-07-31T11:30:03","slug":"new-social-accounts","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/wpbackery\/new-social-accounts","title":{"rendered":"New Social Accounts"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row][vc_column css=&#8221;.vc_custom_1485963458300{padding-right: 35px !important;padding-left: 35px !important;}&#8221; col_shadow=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221; col_shadow_hover=&#8221;box_shadow_enable:disable|shadow_horizontal:0|shadow_vertical:15|shadow_blur:50|shadow_spread:0|box_shadow_color:rgba(0%2C0%2C0%2C0.35)&#8221;][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][vc_column_text]Let the users find you in social networks. Allows you to display your social profiles on your site with hover animation.<\/p>\n<p>Yoy may check all the styles of the module on <a href=\"http:\/\/rnbtheme.com\/elements\/social-accounts\/\">Social Accounts<\/a> page.<\/p>\n<h5><\/h5>\n<p>[\/vc_column_text][dfd_spacer screen_wide_spacer_size=&#8221;30&#8243; screen_normal_resolution=&#8221;1024&#8243; screen_tablet_resolution=&#8221;800&#8243; screen_mobile_resolution=&#8221;480&#8243;][dfd_tta_tabs border_radius=&#8221;4&#8243; alignment=&#8221;left&#8221; active_section=&#8221;1&#8243; active_tab_background=&#8221;#3b55e6&#8243; tab_hover_text_color=&#8221;#3b55e6&#8243; tab_active_color_text=&#8221;#ffffff&#8221; border_color_active=&#8221;#3b55e6&#8243;][vc_tta_section title=&#8221;General settings&#8221; tab_id=&#8221;1486545572585-2437c7e1-5371&#8243;][vc_column_text]<\/p>\n<h3>General settings<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14258\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/geeneral.png\" alt=\"\" width=\"978\" height=\"721\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/geeneral.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/geeneral-300x221.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/geeneral-768x566.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Style<\/strong> &#8211; choose between 8\u00a0preset styles. All of them can be found on <a href=\"http:\/\/rnbtheme.com\/shortcodes\/social-accounts\/\">Social Accounts<\/a> page.<\/li>\n<li><strong>Icon alignment<\/strong> &#8211; set the horizontal alignment for the social icons. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<ul>\n<li><strong>Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n<li><strong>Custom CSS class<\/strong> \u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type <strong>custom-style<\/strong> class and then go to <del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">General options<\/del>\u00a0<del class=\"support-arrow-right\">Custom CSS\/JS<\/del> <del>Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Social networks&#8221; tab_id=&#8221;1486545572829-e1c1304c-ee12&#8243;][vc_column_text]<\/p>\n<h3>Social networks<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14260\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/social-ac-s.png\" alt=\"\" width=\"978\" height=\"366\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/social-ac-s.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/social-ac-s-300x112.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/social-ac-s-768x287.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h6>In this section, you can customize the social accounts.<\/h6>\n<h6>By clicking on the\u00a0arrow down icon you can reveal the whole section to adjust it to your needs. Here you are also able to duplicate the social accounts, change\u00a0their order (simply drag-n-drop the blocks) and delete the unnecessary social accounts as well.<\/h6>\n<ul>\n<li><strong>Social network<\/strong> &#8211; select the necessary social network from the available ones in the drop-down list.<\/li>\n<li><strong>URL<\/strong> &#8211; enter the link to the social account.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Styles&#8221; tab_id=&#8221;1486545573068-02c117a6-3d50&#8243;][vc_column_text]<\/p>\n<h3>Styles<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14262\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/style-4.png\" alt=\"\" width=\"978\" height=\"534\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/style-4.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/style-4-300x164.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/style-4-768x419.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Icon size<\/strong> &#8211; enter the size for the icon. The default icon size is 20px.<\/li>\n<li><strong>Icon background color<\/strong> &#8211; set the background color for the icon, for all styles except the Long shadow style.<\/li>\n<li><strong>Border radius<\/strong> &#8211; specify the border radius to manage the social account shape &#8211; square or rounded.<\/li>\n<li><strong>Spacer between icons<\/strong> &#8211; set the padding between the social networks.<\/li>\n<li><strong>Sliding direction<\/strong> &#8211; specify where will the active element slide on hover, for all styles except the Long shadow style.<\/li>\n<li><strong>Customizable hover colors<\/strong>\u00a0&#8211; enable to modify the colors on hover, for all styles except the Long shadow style.\n<ul>\n<li><strong>Icon hover color<\/strong> &#8211; set the color for hovered icon, for all styles except the Long shadow style.<\/li>\n<li><strong>Icon hover background color<\/strong> &#8211; set the color for background on hover, for all styles except the Long shadow style.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][\/dfd_tta_tabs][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Let the users find you in social networks. Allows you to display your social profiles on your site with hover animation.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[25,23,22,30,33],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12107"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=12107"}],"version-history":[{"count":9,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12107\/revisions"}],"predecessor-version":[{"id":15599,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12107\/revisions\/15599"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=12107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=12107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=12107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}