Add Instagram Icon to Social Media

[Judy Gaudin]

Can I add my Instagram account to social media icon bar?
Thank you
TeamHOPEMissions.com

[Bill Robbins]

Hello Judy,

I hope your New Year is off to a great start. You can add in an Instagram icon/link to your navigation bar. Here’s what to do:

1. Go to the Theme Options page and select the Navigation tab. Choose one of the networks you’re not likely to use like Foursquare and enter your Instagram URL there. Then update your settings.
2. Look at the bottom of this post where there are attachments. I’ve uploaded an Instagram icon that should for your site. You can drag it to your desktop to download it to your computer.
3. Next go to the Media section and select Add New.
4. Upload the icon you just downloaded. When it’s finished, click the edit link.
5. Look on the right hand side of the screen that opens up and copy the file URL.
6. Then go back to the Theme Options page and select the Styling tab. Scroll down to the Custom CSS box and enter this:

   
   .nav-right li.foursquare a,
   .nav-right li.foursquare a:visited {
   	float: right;
   	width: 10px;
   	height: 16px;
   	padding-top: 0;
   	text-indent: -9999px;
   	background: url(https://yoursite.com/image.png) center center no-repeat;
   	
   }
   

7. Replace the http://yoursite.com/image.png with the URL to your image you copied earlier.
8. Update your settings.

That should give you an Instagram icon in your navigation bar. If you run into any trouble, let me know.

Thanks,
Bill

Attachments:

1. 

   instagram.png
   

[Judy Gaudin]

It worked….whoop whoop!
Thx

[Bill Robbins]

Fantastic. If you need anything else, just let me know.

Thanks,
Bill

[Author]

Posts