How to update Social Media Icons

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!

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

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

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

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!

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:

Thank you. It worked great!