change link icon in contact box to social media icon

I need to change the link to a website in the contact box on my contact page to link to Instagram and show the instagram icon instead of the general link icon. I found the code that controls this icon in the theme-shortcodes.php file. I copied it and added it to my functions.php file for my child theme. I added an array item line for instagram and tried to change the rest of the shortcode for that array item, but I cannot seem to get it to work. My php is really weak so I'm sure I'm just missing something.

Is there an easy way to change icon-link to icon-instagram?

Here's a link to my site: https://www.kamarivillage.com/contact. You will see that I have listed the link to the instagram page, but I'd like for the icon to show that it's instagram instead of just a general link.

Comments

  • Hi,

    Please, put the following CSS code in the Page options of that page.

    .get_in_touch .www i:before{
       content: '\f16d'!important;
    }
    

    Thanks

  • PERFECT!! Thank you so much!!

  • One more question. For future reference, where can I find a list of the CSS codes for other social media icons. I've done a few Google searches and it only turns up the Font Awesome icons. So, if instagram is '\f16d' where would I find out what Facebook or LinkedIn are?

  • Nevermind... I just found it!!

Sign In or Register to comment.