• Skip to main content
  • Skip to primary sidebar

Victor Font Consulting Group, LLC

The DEX Intranet Specialists

  • Home
  • Care Plans
    • Care Articles
    • Optional Subscriptions
  • Consultations
  • Products
    • Code Snippets
    • Public GitHub Repositories
    • Gist Snippets
    • Pastebin Snippets (Free)
    • Free Plugins
  • FAQs
  • Support
    • Graphic Design
  • Contact
    • Speakers
    • Portfolio
  • Resources
    • Free WordPress Video Training
    • Tutorials
    • Articles
    • Cybersecurity
    • EU Referral Network

Add Snapchat to Simple Social Icons

May 20, 2016 By Victor M. Font Jr.

Authors Note: The code in this article only works for Simple Social Icons Versions prior to the 2.0 release in December 2016. The 2.0 version switched from using icon fonts to using SVG graphics for the icons. The code below has been deprecated. See this post for further details: Simple Social Icons Ver. 2.0
Snapchat icon, public domain image from pixabay.com

Many users like to use the Simple Social Icons plugin with their Genesis Framework based child themes. Authored by Nathan Rice, Brian Gardner and the Studio Press team, it works very well with Genesis. After all, they are the framework's authors. And in keeping with the Genesis philosophy for making everything fairly simple to modify if you know how, the Simple Social Icons plugin makes use of filters to allow a developer to easily modify its content and display. A common request these days is to add the Snapchat icon to Simple Social Icons. This article shows you how to do that.

First, we need to add Snapchat to the plugin's profile and glyphs definitions. Add this to your child theme's functions.php:

Unfortunately the font icon set included with Simple Social Icons does not include the Snapchat ghost. For the purpose of this article, I've used FontAwesome for the glpyh. If you have a different preference, you can use any icon font you'd like, but you're on your own for figuring out the code. I've found that one of the best ways to include FontAwesome on your site is to install the Better Font Awesome plugin.

Finally, add this to you child theme's style.css:

This code was tested in my local environment with the Executive Pro theme.

  • 6shares
  • Facebook0
  • Twitter1
  • Pinterest2
  • LinkedIn2
  • Print
  • SMS1

Filed Under: Code Snippet, Genesis, Plugins Tagged With: Code Snippet, Genesis, Plugins

About Victor M. Font Jr.

Victor M. Font Jr. is an award winning author, entrepreneur, and Senior IT Executive. A Founding Board Member of the North Carolina Executive Roundtable, he has served on the Board of Advisors, of the North Carolina Technology Association, the International Institute of Business Analysis, Association of Information Technology Professionals, Toastmasters International, and the North Carolina Commission for Mental Health, Developmental Disabilities, and Substance Abuse Services. He is author of several books including The Ultimate Guide to the SDLC and Winning With WordPress Basics, and Cybersecurity.

Primary Sidebar

Shopping Cart

Books

  • Winning With WordPress Basics 2nd Edition Winning With WordPress Basics 2nd Edition $19.95
  • Ultimate Guide to the SDLC front cover The Ultimate Guide to the SDLC
    Rated 5.00 out of 5
    $74.95

Recent Articles

  • Modern Scam Defense: How Consumers and Businesses Can Recognize and Stop Email, Phone, and Text Fraud
  • How to Write a PRD So Dense It’s Technically a Novel
  • Top 5 Plugin Names That Scare Our Legal Department
  • When Agile Meets Our 3-Year Waterfall Roadmap: A Love Story
  • Why Our Enterprise Needs 27 Stakeholders to Approve a Button Color Change

Top 10 Article Categories

Best Practice Code Snippet Computers and Internet Genesis How To Leadership Programming Servant Leadership Tutorial WordPress

 
We only use analytical cookies on our website that allow us to recognize and count the number of visitors, but they do not identify you individually. They help us to improve the way our website works. By clicking Accept you, agree to cookies being used in accordance with our Cookie Policy.