• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
MinutesGuide.com

MinutesGuide.com

It is Not Just About WordPress

  • Home
  • About
  • Blog
    • Blogger Talk
    • Email Marketing
    • Hosting Talk
    • Plugins
    • Themes
      • Extra & Divi
    • WPbeginner
      • Guide
      • Life Hacks
      • WP Fix
    • WP Security
    • WP SEO
    • WooCommerce
  • Services
  • Reference
  • Contact
  • Start Here
Home » Blog » Themes » Extra & Divi » How To Add Social Icon to Divi…

How To Add Social Icon to Divi Theme

Post on January 1, 2018 | Updated on November 30, 2020 by FaizAlias Leave a Comment

How To Add Social Icon to Divi WordPress Theme | Nowadays, Divi theme from Elegant Theme become trending for WordPress user. While I am writing this article, their users reach 437,821. Wow! This is a very massive number of users!

With Divi Theme, you can change anything by their setting except their social media. To add media social icon in Divi Theme, you must make a little customization. So today, I will show you how to add to it.

Add Social Icon to Divi WordPress Theme

By default, Divi just provides Twitter, Facebook, Google+ and RSS icons. If you want to add more social media like Instagram, YouTube or more, here is the process.

This is a list of code social media icons available in Divi which you can add to it. It located in Divi style.css file

So, how to add it? Follow this steps.

Step 1 Login to your cPanel. If needed, please backup your files. The purpose of backup is, when you get any mistake in your modification, you can restore it anytime. So your file will safe. If you confident can do it without any mistake, you can skip it.

We strongly recommend you to edit the file via cPanel or FTP. It is very dangerous if you edit directly from WordPress dasboard

Step 2 Navigate to wp-content » themes » Divi » includes » social_icons.php. Open the social_icons.php file and you will see code like this.

Step 3 To add social media icon, put your icon code before </ul>

For example, if you want to add YouTube, you may add this code.

If you want to add Pinterest, add this code.

And you can more social media. Please look at the code and understand their pattern. You just edit some code which social media you want to add. That all and it is very easy to follow.

Conclusion

In this tutorial, you have learned how to add social media icons to Divi Theme from Elegant Themes. Add more social media in your Divi to get more engagement with your visitors.

If you like this article, then please FOLLOW our Linkedin, Twitter, YouTube, Pinterest, and Facebook. Do not forget to check our services page to upgrade your WordPress. If you find this post has an issue with copyright, outdated, or in error, please contact us to fix it.

Filed Under: Extra & Divi, Themes

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Follow Me

  • Facebook
  • GitHub
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Start With…

Start Blogging
eShop Guide
blank
WP Guide
blank
WP Security

Categories

blank

Footer

About MinutesGuide

Was founded in October 2017 by FaizAlias. The main goal of this site is to provide quality tips, tricks, hacks in easy way that you can learn it just in minutes.

Highlight Service

Ninja Tables Pro Installation And Setting
CSS Hero Plugin Installation And Setting
Divi Theme Installation & Settings
Build Complete eCommerce Site

Quicklink

Home
Services
Contact
Blog

Copyright © 2021 · Designed by SM Creative Studio | Hosted by Cloudways DMCA.com Protection Status

  • Privacy Policy
  • Terms of Use