Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Divi Tip – Add Instagram to the social links

Here's a really simple tip on how to add Instagram to the top social menu.

Here’s a Divi tip on how to add Instagram to the top social menu.

I see people asking for ways to insert the Instagram logo/link in Divi’s designated social links areas, like the top bar, and the footer social area. I didn’t care about doing any of that because I just used a social plugin, but after a client asked about IG, I decided to look into it. It’s actually easier than it sounds/looks.

(note: I’m sure ET will add IG to their updates soon, but for now, this is a really simple way of getting this done.)

The icon

So let’s start with the icon set. Found here.

Get the code for the icon you want. In this case, let’s go with Instagram.
(note: you can swap this out for any other social network, but change the codes)

I’ll use this code:


See the first three characters? & # x ? That will become a \ –> So it’ll be a \e09a –> that will become the icon code in a sec.



Let’s replace an icon that’s… not used much… So pick one or the other from the two below

/* Replace the G+ icon, whatever that is, or the RSS icon */
.et-social-google-plus a.icon:before {
  content: "\e09a";
.et-social-rss a.icon:before {
  content: "\e09a";

Just paste that anywhere you would normally paste custom CSS,

add the instagram address

and you’ll have the instagram icon where the RSS icon used to be. (or you can swap out the Google Plus icon, because that’s.. useless.. too)

So there you have it. Super simple.



    Hi! Please consider signing up for my newsletter for... the occasional email about news, updates, and special offers, including child themes and more courses. Sound interesting? The signup form is right here!

    You will also get a 10% discount coupon in your inbox as soon as you sign up!


    Photo by Tom Sodoge on Unsplash

    Default image

    Hi, I'm a front-end WordPress developer, and UI/UX designer living in Australia, and I made this website to share thoughts and tips about web design and everything related to it. If you want to work with me come check out my web development agency.

    Articles: 79


    Leave a Reply

    Your email address will not be published.

      • Could you explain in more detail what you did?

        – Where did you add the CSS?
        – Did you change the RSS icon, or G+?
        – Did you add the IG link in the right field?


    1. Hi,
      I tried this and had great success with changing the rss one but the G+ won’t change at all. Seems putting in two codes doesn’t work because if I swap it out to twitter it doesn’t change the icon either.