{"id":1069,"date":"2017-04-07T11:07:32","date_gmt":"2017-04-07T18:07:32","guid":{"rendered":"https:\/\/dividude.com\/?p=1069"},"modified":"2019-12-19T12:06:52","modified_gmt":"2019-12-19T20:06:52","slug":"add-social-media-icons-divi","status":"publish","type":"post","link":"https:\/\/dividude.com\/add-social-media-icons-divi\/","title":{"rendered":"Add Social Media Icons to Divi"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.0.9&#8243; custom_padding=&#8221;||0px|&#8221; hover_enabled=&#8221;0&#8243; background_enable_color=&#8221;off&#8221;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;6px|0px|18px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_post_title _builder_version=&#8221;4.0.9&#8243;][\/et_pb_post_title][et_pb_post_title title=&#8221;off&#8221; admin_label=&#8221;Categories&#8221; _builder_version=&#8221;4.0.9&#8243; meta_text_align=&#8221;center&#8221; meta_text_color=&#8221;#f0ff23&#8243; meta_font_size=&#8221;13px&#8221; background_color=&#8221;#442b00&#8243; width=&#8221;30%&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||17px|||&#8221; border_radii=&#8221;off|4px||4px|&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; global_module=&#8221;3877&#8243; saved_tabs=&#8221;all&#8221;][\/et_pb_post_title][et_pb_text admin_label=&#8221;Author Divi Dude&#8221; _builder_version=&#8221;4.0.9&#8243; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;14px&#8221; text_orientation=&#8221;center&#8221; custom_padding=&#8221;||0px|||&#8221; global_module=&#8221;3944&#8243; saved_tabs=&#8221;all&#8221;]<p>By Divi Dude<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; specialty=&#8221;on&#8221; background_position_1=&#8221;top_left&#8221; background_position_2=&#8221;top_left&#8221; background_repeat_1=&#8221;no-repeat&#8221; background_repeat_2=&#8221;no-repeat&#8221; _builder_version=&#8221;4.0.9&#8243; custom_padding=&#8221;0px|||&#8221; hover_enabled=&#8221;0&#8243; background_enable_color=&#8221;off&#8221;][et_pb_column type=&#8221;3_4&#8243; specialty_columns=&#8221;3&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_row_inner admin_label=&#8221;Row&#8221; _builder_version=&#8221;3.25&#8243;][et_pb_column_inner saved_specialty_column_type=&#8221;3_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;PARAGRAPHS 1 &#038; 2&#8243; _builder_version=&#8221;4.0.9&#8243; hover_enabled=&#8221;0&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p><em>Please note: With tthe release of Divi 4, you can now easily add social media icons using the Theme Builder.\u00a0 However, if you are still using prior versions of Divi, or still using the Divi&#8217;s basic header, then tutorial is for you.<\/em><\/p>\n[\/et_pb_text][et_pb_text admin_label=&#8221;PARAGRAPHS 1 &#038; 2&#8243; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p> <span class='et-dropcap'>L<\/span>et&#8217;s face it, in today&#8217;s digitally driven world, social media is important. And right out of the box, Divi let&#8217;s you add some of the major ones, but not all. But never fear, adding additional ones is possible. There&#8217;s even a <a href=\"https:\/\/divibooster.com\/ref\/171\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin<\/a>, Divi Booster, that&#8217;ll help make the process an easy one. But don&#8217;t worry, if you&#8217;d rather spend the extra time than a few extra dollars on a plugin, then I will show you how to add the social media icons manually too.<\/p>\r\n<p>As with most of my tutorials, there is a video on my <a href=\"https:\/\/www.youtube.com\/channel\/UCOS6PQKFzvdnBsUF_Y2Tdvw\" target=\"_blank\" rel=\"noopener noreferrer\">YouTube Channel<\/a>\u00a0if you&#8217;d rather watch it. So without further ado, here&#8217;s the video (or you can scroll past it and read the instructions).<\/p>\r[\/et_pb_text][et_pb_video src=&#8221;https:\/\/youtu.be\/RM8b-VpeVZk&#8221; play_icon_color=&#8221;#e02b20&#8243; module_class=&#8221;dropShadowEffect&#8221; _builder_version=&#8221;3.0.47&#8243; custom_css_main_element=&#8221;border: 5px solid #000;&#8221;]<p>\r\n<\/p>\r[\/et_pb_video][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.27.3&#8243; z_index_tablet=&#8221;500&#8243;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block; text-align:center;&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-layout=&#8221;in-article&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;fluid&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;8393523432&#8243;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text admin_label=&#8221;PARAGRAPH: USING DIVI BOOSTER&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<h2>Using Divi Booster to Add Social Media Icons<\/h2>\r\n<p>This is what I like to call the &#8220;easy way.&#8221; Instructions for the hard (well, harder) way are down below. Divi Booster is a <a href=\"https:\/\/dividude.com\/helpful-divi-plugins\/\">Divi plugin<\/a> that just makes your life as a website developer easier. It adds about 50 functions to the already impressive Divi WordPress theme. It does cost a bit ($29), but it adds so many functions the cost is well worth it. <a href=\"https:\/\/divibooster.com\/ref\/171\/\" target=\"_blank\" rel=\"noopener noreferrer\">You can purchase it here<\/a> (not my site). Let&#8217;s get to the instructions.<\/p>\r\n<p><em>(The following instructions are assuming you&#8217;ve already purchased <a href=\"https:\/\/divibooster.com\/ref\/171\/\" target=\"_blank\" rel=\"noopener noreferrer\">Divi Booster<\/a>, installed and activated it.)<\/em><\/p>\r\n<p><em><strong>Step 1:<\/strong><\/em>\u00a0Under the Divi link on the left hand side, click on Divi Booster to bring up the settings page (can also do this from the plugin page).<\/p>\r\n<p><em><strong>Step 2:<\/strong><\/em>\u00a0Click on &#8220;Site-wide Settings&#8221; and then &#8220;Icons&#8221;.<\/p>\r\n<p><em><strong>Step 3:<\/strong><\/em>\u00a0Check the box for &#8220;Add more social media icons (enter URL)&#8221;.<\/p>\r\n<p><em><strong>Step 4:<\/strong><\/em>\u00a0Add your social media website links in the appropriate boxes.<\/p>\r\n<p><em><strong>Step 5:<\/strong><\/em>\u00a0If you want them to open in a new tab, check the &#8220;Open social media icon links in a new tab&#8221; box.<\/p>\r\n<p><em><strong>Step 6:<\/strong><\/em>\u00a0Save changes.<\/p>\r\n<p>That&#8217;s it. For instructions on how to do it manually, look below. Or watch the video above. (choices, choices, choices &#8230;)<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/diviBoosterSocial-MediaIcons.jpg&#8221; alt=&#8221;Add Social Media Icons with Divi Booster&#8221; title_text=&#8221;Add Social Media Icons with Divi Booster&#8221; url=&#8221;https:\/\/divibooster.com\/ref\/171\/&#8221; url_new_window=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Divi Booster Image&#8221; _builder_version=&#8221;3.23&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p>\r\n<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;BLANK&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p>\r\n<\/p>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.27.3&#8243; z_index_tablet=&#8221;500&#8243;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block; text-align:center;&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-layout=&#8221;in-article&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;fluid&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;8393523432&#8243;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text admin_label=&#8221;PARAGRAPHS &#8211; Adding Social Media Icons Manually (Steps 1-5)&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<h2>Adding Social Media Icons Manually<\/h2>\r\n<p><em><strong>Step 1:<\/strong> <\/em>Go to Theme Options and enable the icons you want (i.e. Facebook, Twitter, Google+) and enter in the correct URL in the provided fields. Save changes.<\/p>\r\n<p><em><strong>Step 2:<\/strong> <\/em>Go to Theme Customizer &gt; Header &amp; Navigation &gt; Header Elements and make sure the Show Social Icons box is checked. Save changes.<\/p>\r\n<p><em><strong>Step 3:<\/strong>\u00a0<\/em>To add other icons not listed (i.e. Pinterest, YouTube). Add the social_icons.php to your child theme. If you do not have a child theme, you will need one. See this <a href=\"https:\/\/dividude.com\/configure-divi-child-theme\/\">page for more information<\/a>.<\/p>\r\n<p><em><strong>Step 4:<\/strong><\/em>\u00a0Go to Appearance. In the right hand corner, make sure under Select Theme to Edit that your Divi child theme is selected. Under Templates, click on social_icons.php.<\/p>\r\n<p><em><strong>Step 5:<\/strong><\/em>\u00a0Copy the code that starts with\u00a0<code> &lt;? php if ( 'on' == et_get_option<\/code> &#8230; and ends with<code>&lt;--?php endif; ?--&gt;<\/code>. It should be about 7 lines.<\/p>\r[\/et_pb_text][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/socialIcons_PHP1.jpg&#8221; alt=&#8221;Add Social Media Icons to Divi&#8221; title_text=&#8221;Adding Social Media Icons in Divi Elegant Themes&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Social Media Icons Image 1&#8243; _builder_version=&#8221;3.23&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p>\r\n<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;PARAGRAPHS: Adding social media icons (steps 6 &#8211; 9)&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p><em><strong>Step 6:<\/strong>\u00a0<\/em>Paste what you copied where you want the icon to go (i.e. in between Facebook and Twitter).<\/p>\r\n<p><strong><em>Step 7:<\/em><\/strong>\u00a0Now change the icons to the ones you want. You will find a list of the <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=27404&amp;url=30477\" target=\"_blank\" rel=\"noopener noreferrer\">social media icons<\/a>\u00a0fonts that comes with Divi <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=27404&amp;url=30477\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>\u00a0(scroll down to bottom). For instance, if you copied the Facebook icon in step 5 above, and you want to change it to YouTube, then replace the word Facebook with the word Youtube.(except in the line that starts with &lt;a href=). We&#8217;ll do that in Step 8.<\/p>\r\n<p><em><strong>Step 8:<\/strong><\/em>\u00a0Look for the line that starts with &lt; a href= and in between the quotation marks you&#8217;ll want to enter your social media link. So it will look like this. <code>&lt;a href=\"http:\/\/www.yourSocialMediaSiteHere.com\" class=\"icon\"&gt;&lt;\/a&gt; <\/code><\/p>\r\n<p><em><strong>Step 9:<\/strong><\/em>\u00a0Click the Update File button.<\/p>\r[\/et_pb_text][et_pb_code admin_label=&#8221;Adsense&#8221; _builder_version=&#8221;3.27.3&#8243; z_index_tablet=&#8221;500&#8243;]<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script><!-- [et_pb_line_break_holder] --><ins class=\"adsbygoogle\"<!-- [et_pb_line_break_holder] -->     style=&#8221;display:block; text-align:center;&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-layout=&#8221;in-article&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-format=&#8221;fluid&#8221;<!-- [et_pb_line_break_holder] -->     data-ad-client=&#8221;ca-pub-8489921453224987&#8243;<!-- [et_pb_line_break_holder] -->     data-ad-slot=&#8221;8393523432&#8243;><\/ins><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->     (adsbygoogle = window.adsbygoogle || []).push({});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/socialIcons_PHP2.jpg&#8221; alt=&#8221;Change Social Media Icons in Divi&#8221; title_text=&#8221;Change Social Icons to Social Media Icons in Divi Elegant Themes&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;Social Media Icons Image 2&#8243; _builder_version=&#8221;3.23&#8243; sticky=&#8221;off&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p>\r\n<\/p>\r[\/et_pb_image][et_pb_text admin_label=&#8221;PARAGRAPHS: Adding social media icons (steps 10 &#8211; 11)&#8221; _builder_version=&#8221;3.27.4&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<h2>Opening Icons In New Tab<\/h2>\r\n<p><em><strong>Step 10:<\/strong>\u00a0<\/em> In the following code <code>&lt;a href=\"http:\/\/www.yourSocialMediaSiteHere.com\" class=\"icon\"&gt;&lt;\/a&gt; <\/code> add target=&#8221;_blank&#8221; between the website and the class so it looks like this: <code>&lt;a href=\"http:\/\/www.yourSocialMediaSiteHere.com\" target=\"_blank\" class=\"icon\"&gt;&lt;\/a&gt; <\/code><\/p>\r\n<p><em><strong>Step 11:<\/strong><\/em>\u00a0Click the Update File button.<\/p>\r\n<p>That&#8217;s it. You should have now have social media icons on the top bar of your page.<\/p>\r[\/et_pb_text][\/et_pb_column_inner][\/et_pb_row_inner][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;3.25&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_code admin_label=&#8221;Title: Please Pin Me&#8221; module_class=&#8221;pinTitleSidebar&#8221; _builder_version=&#8221;3.27.1&#8243; custom_margin=&#8221;||8px|||&#8221; z_index_tablet=&#8221;500&#8243; saved_tabs=&#8221;all&#8221;]<a href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/?url=https:\/\/dividude.com\/add-social-media-icons-divi\/&#038;media=https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Pinterest_Titles_How_To_Add_Social_Media_Icons.jpg\"><!-- [et_pb_line_break_holder] --><h3>Please Pin Me &#x1f642;<\/h3><\/a>[\/et_pb_code][et_pb_image src=&#8221;https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Pinterest_Titles_How_To_Add_Social_Media_Icons.jpg&#8221; url=&#8221;https:\/\/www.pinterest.com\/pin\/create\/button\/?url=https:\/\/dividude.com\/add-social-media-icons-divi\/&#038;media=https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Pinterest_Titles_How_To_Add_Social_Media_Icons.jpg&#8221; align=&#8221;center&#8221; _builder_version=&#8221;3.27.1&#8243; z_index_tablet=&#8221;500&#8243; border_width_all=&#8221;1px&#8221; box_shadow_horizontal_tablet=&#8221;0px&#8221; box_shadow_vertical_tablet=&#8221;0px&#8221; box_shadow_blur_tablet=&#8221;40px&#8221; box_shadow_spread_tablet=&#8221;0px&#8221;][\/et_pb_image][et_pb_sidebar orientation=&#8221;right&#8221; area=&#8221;sidebar-1&#8243; _builder_version=&#8221;3.0.74&#8243; header_font_size=&#8221;18px&#8221; body_line_height=&#8221;1.4em&#8221; remove_border=&#8221;off&#8221;]<p>\r\n<\/p>\r[\/et_pb_sidebar][\/et_pb_column][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.0.9&#8243; background_color=&#8221;#32952d&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;&#8221; transparent_background=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; global_module=&#8221;4086&#8243;][et_pb_row padding_mobile=&#8221;off&#8221; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin_tablet=&#8221;0px||0px|&#8221; custom_margin_phone=&#8221;0px||0px|&#8221; custom_padding=&#8221;0px|0px|0px|0px&#8221; custom_padding_tablet=&#8221;0px||0px|&#8221; custom_padding_phone=&#8221;0px||0px|&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Affiliate disclaimer &#8211; Brown&#8221; module_class=&#8221;brownLink&#8221; _builder_version=&#8221;4.0.9&#8243; text_font_size=&#8221;12&#8243; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; text_font_size_tablet=&#8221;13px&#8221; text_font_size_phone=&#8221;10px&#8221; text_line_height_tablet=&#8221;1.6em&#8221; text_line_height_phone=&#8221;1.5em&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221;]<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Affiliate_marketing\" target=\"_blank\" rel=\"noopener noreferrer\">Affiliate marketer:<\/a>\u00a0Which means when you click a link and purchase an item, I may receive a commission. As an Amazon Associate I earn from qualifying purchases. Thank you for your support.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|desktop&#8221; disabled_on=&#8221;off|off|off&#8221; admin_label=&#8221;More From Divi Dude &#8211; Blogs&#8221; _builder_version=&#8221;4.0.9&#8243; use_background_color_gradient=&#8221;on&#8221; background_color_gradient_start=&#8221;#f9ffce&#8221; background_color_gradient_end=&#8221;#f0ff23&#8243; background_color_gradient_type=&#8221;radial&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|18px|0px|false|false&#8221; custom_padding_tablet=&#8221;50px|0|50px|0&#8243; custom_padding_phone=&#8221;&#8221; top_divider_height=&#8221;44px&#8221; top_divider_flip=&#8221;vertical&#8221; border_color_top=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset7&#8243; box_shadow_horizontal=&#8221;0px&#8221; box_shadow_vertical=&#8221;-2px&#8221; box_shadow_blur=&#8221;6px&#8221; box_shadow_position=&#8221;outer&#8221; saved_tabs=&#8221;all&#8221; global_module=&#8221;4017&#8243;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; column_padding_mobile=&#8221;on&#8221; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.0.9&#8243; background_color=&#8221;#442b00&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;100%&#8221; max_width=&#8221;2560px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; custom_padding_tablet=&#8221;32px|0px|0px|0px&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;3.0.47&#8243; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text admin_label=&#8221;Headline: Featured Divi Dude Tutorials&#8221; _builder_version=&#8221;4.0.9&#8243; header_font_size=&#8221;54px&#8221; header_2_text_color=&#8221;#ffffff&#8221; header_2_font_size=&#8221;40px&#8221; text_orientation=&#8221;center&#8221; background_layout=&#8221;dark&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;5px||0px||false|false&#8221; header_font_size_tablet=&#8221;46px&#8221; header_font_size_phone=&#8221;40px&#8221; header_text_shadow_style=&#8221;preset5&#8243; header_text_shadow_color=&#8221;#fe8727&#8243; header_2_text_shadow_style=&#8221;preset5&#8243; header_2_text_shadow_horizontal_length=&#8221;0.02em&#8221; header_2_text_shadow_vertical_length=&#8221;0.03em&#8221; header_2_text_shadow_color=&#8221;#000000&#8243; inline_fonts=&#8221;Droid Sans&#8221;]<h2><strong>More From Divi Dude<\/strong><\/h2>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; module_class=&#8221;blogGridHeight &#8221; _builder_version=&#8221;3.25&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;||20px|&#8221; custom_padding=&#8221;27px|0px|0px|0px&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;current&#8221; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;29&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;3.0.47&#8243; background_position=&#8221;top_left&#8221; custom_padding=&#8221;|||&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;1&#8243; include_categories=&#8221;14,78,80,18&#8243; use_manual_excerpt=&#8221;off&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_categories=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; offset_number=&#8221;3&#8243; _builder_version=&#8221;4.0.9&#8243; header_font=&#8221;|on|||&#8221; header_text_align=&#8221;center&#8221; header_text_color=&#8221;#32952d&#8221; header_font_size=&#8221;20px&#8221; header_line_height=&#8221;1.1em&#8221; body_font_size=&#8221;16px&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;22px|||||&#8221; custom_css_featured_image=&#8221;border: 1px solid #000;&#8221; custom_css_read_more=&#8221;padding-top:15px;||text-align: center;&#8221; border_radii=&#8221;on|10px|10px|10px|10px&#8221; border_width_all=&#8221;2px&#8221; border_color_all=&#8221;#32952d&#8221; border_style_all=&#8221;solid&#8221; border_width_all_fullwidth=&#8221;1px&#8221; border_color_all_fullwidth=&#8221;#000000&#8243; border_style_all_fullwidth=&#8221;solid&#8221; border_radii_image=&#8221;off|10px|10px||&#8221; border_width_all_image=&#8221;2px&#8221; border_color_all_image=&#8221;#32952d&#8221; box_shadow_style=&#8221;preset3&#8243; box_shadow_color=&#8221;rgba(0,0,0,0.1)&#8221; use_border_color=&#8221;on&#8221; border_color=&#8221;#000000&#8243; use_dropshadow=&#8221;on&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n<span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s face it, in today&#8217;s digitally driven world, social media is important. And right out of the box, Divi let&#8217;s you add some of the major ones, but not all. But never fear, adding additional ones is possible. There&#8217;s even a plugin, Divi Booster, that&#8217;ll help make the process an easy one. But don&#8217;t worry &#8230;<\/p>\n","protected":false},"author":2,"featured_media":1319,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[80,85,18],"tags":[34,20,32,33,31],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Easy Way to Add Social Media Icons to Elegant Themes&#039; Divi<\/title>\n<meta name=\"description\" content=\"How to Add Social Media Icons to Elegant Themes&#039; Divi using social_icons.php or through the use of a plugin called Divi Booster. **Learn More**\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dividude.com\/add-social-media-icons-divi\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easy Way to Add Social Media Icons to Elegant Themes&#039; Divi\" \/>\n<meta property=\"og:description\" content=\"Let&#039;s face it, in today&#039;s digitally driven world, social media is important. And right out of the box, Divi let&#039;s you add some of the major ones, but not all. But never fear, adding additional ones is possible. There&#039;s even a plugin, Divi Booster, that&#039;ll help make the process an easy one. But don&#039;t worry ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dividude.com\/add-social-media-icons-divi\/\" \/>\n<meta property=\"og:site_name\" content=\"Divi Dude\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dividude\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/dividude\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-07T18:07:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-19T20:06:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Divi Dude\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"In today&#039;s digitally driven world, social media is important. And right out of the box, Divi let&#039;s you add some of the major ones, but not all. But never fear, adding additional ones is possible.\" \/>\n<meta name=\"twitter:creator\" content=\"@TheDiviDude\" \/>\n<meta name=\"twitter:site\" content=\"@TheDiviDude\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Divi Dude\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/\",\"url\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/\",\"name\":\"Easy Way to Add Social Media Icons to Elegant Themes' Divi\",\"isPartOf\":{\"@id\":\"https:\/\/dividude.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg\",\"datePublished\":\"2017-04-07T18:07:32+00:00\",\"dateModified\":\"2019-12-19T20:06:52+00:00\",\"author\":{\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\"},\"description\":\"How to Add Social Media Icons to Elegant Themes' Divi using social_icons.php or through the use of a plugin called Divi Booster. **Learn More**\",\"breadcrumb\":{\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dividude.com\/add-social-media-icons-divi\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage\",\"url\":\"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg\",\"contentUrl\":\"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Divi Tutorial Social Media Icons\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dividude.com\/add-social-media-icons-divi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dividude.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Add Social Media Icons to Divi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dividude.com\/#website\",\"url\":\"https:\/\/dividude.com\/\",\"name\":\"Divi Dude\",\"description\":\"Average Dude Working In Divi 3  from Elegant Themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dividude.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352\",\"name\":\"Divi Dude\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dividude.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g\",\"caption\":\"Divi Dude\"},\"sameAs\":[\"https:\/\/dividude.com\",\"https:\/\/www.facebook.com\/dividude\/\",\"https:\/\/twitter.com\/TheDiviDude\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Easy Way to Add Social Media Icons to Elegant Themes' Divi","description":"How to Add Social Media Icons to Elegant Themes' Divi using social_icons.php or through the use of a plugin called Divi Booster. **Learn More**","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dividude.com\/add-social-media-icons-divi\/","og_locale":"en_US","og_type":"article","og_title":"Easy Way to Add Social Media Icons to Elegant Themes' Divi","og_description":"Let's face it, in today's digitally driven world, social media is important. And right out of the box, Divi let's you add some of the major ones, but not all. But never fear, adding additional ones is possible. There's even a plugin, Divi Booster, that'll help make the process an easy one. But don't worry ...","og_url":"https:\/\/dividude.com\/add-social-media-icons-divi\/","og_site_name":"Divi Dude","article_publisher":"https:\/\/www.facebook.com\/dividude\/","article_author":"https:\/\/www.facebook.com\/dividude\/","article_published_time":"2017-04-07T18:07:32+00:00","article_modified_time":"2019-12-19T20:06:52+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg","type":"image\/jpeg"}],"author":"Divi Dude","twitter_card":"summary_large_image","twitter_description":"In today's digitally driven world, social media is important. And right out of the box, Divi let's you add some of the major ones, but not all. But never fear, adding additional ones is possible.","twitter_creator":"@TheDiviDude","twitter_site":"@TheDiviDude","twitter_misc":{"Written by":"Divi Dude","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/","url":"https:\/\/dividude.com\/add-social-media-icons-divi\/","name":"Easy Way to Add Social Media Icons to Elegant Themes' Divi","isPartOf":{"@id":"https:\/\/dividude.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage"},"image":{"@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage"},"thumbnailUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg","datePublished":"2017-04-07T18:07:32+00:00","dateModified":"2019-12-19T20:06:52+00:00","author":{"@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352"},"description":"How to Add Social Media Icons to Elegant Themes' Divi using social_icons.php or through the use of a plugin called Divi Booster. **Learn More**","breadcrumb":{"@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dividude.com\/add-social-media-icons-divi\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/#primaryimage","url":"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg","contentUrl":"https:\/\/dividude.com\/wp-content\/uploads\/2017\/04\/Title_Divi_Tutorial_Add_Social_Media_Icons.jpg","width":1200,"height":630,"caption":"Divi Tutorial Social Media Icons"},{"@type":"BreadcrumbList","@id":"https:\/\/dividude.com\/add-social-media-icons-divi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dividude.com\/"},{"@type":"ListItem","position":2,"name":"Add Social Media Icons to Divi"}]},{"@type":"WebSite","@id":"https:\/\/dividude.com\/#website","url":"https:\/\/dividude.com\/","name":"Divi Dude","description":"Average Dude Working In Divi 3  from Elegant Themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dividude.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dividude.com\/#\/schema\/person\/a88d88cb917922246caac8b61ddb3352","name":"Divi Dude","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dividude.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/698259309534eea830e8e62e9f8b8796?s=96&d=wavatar&r=g","caption":"Divi Dude"},"sameAs":["https:\/\/dividude.com","https:\/\/www.facebook.com\/dividude\/","https:\/\/twitter.com\/TheDiviDude"]}]}},"_links":{"self":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/1069"}],"collection":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/comments?post=1069"}],"version-history":[{"count":0,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/posts\/1069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media\/1319"}],"wp:attachment":[{"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/media?parent=1069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/categories?post=1069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dividude.com\/wp-json\/wp\/v2\/tags?post=1069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}