How to update Social Media Icons

Travelify
#1

Hello, I would like to update my social media icons in the header, specifically the Instagram icon, which is out of date. Does anyone know how to update this to a current icon, where I can obtain the image, etc., or if there are any plans to update the theme itself with the new images? My site is https://carolynapappas.com. Thanks!

#2

Hi

there Hope you are having a good day and thank you for your question :slight_smile:

This is not possible without theme modification but i have an idea, please install this plugin:

and then i will generate custom css to change Instagram icon :wink:

Thanks!
Colorlib Support Team

#3

Hi Noda,
I have installed the above mentioned plugin. Could you let me know how to use this plugin to update my icons?
Thank you,
Carolyn

#4

hey there

Cool! :slight_smile: now, please add this CSS in appearance - customize - additional CSS


/*Fix instagram icon*/
.social-icons ul li.instagram a:before {
    content: "\f16d";
    font-family: FontAwesome;
}

Thanks!
Colorlib Support Team

#5

This worked and now I’m seeing the updated instagram icon. However, it looks like it’s sitting below the other icons (like the bottom line doesn’t line up). Can I fix that somehow, or change the other icons to match? Thanks!

#6

Good evening :slight_smile:

Yes, why not, please add this css too:

li.instagram {
position: relative;
top: -3px;
}

Let me know if it worked :slight_smile:

#7

Thank you. It worked great!