Skip to content

Custom Css for Simple Social Icons Genesis

Share: Custom Css for Simple Social Icons Genesis

Genesis_Simple_Social_Icons

Simple Social Icons is an easy to use, customizable way to display icons that link visitors to your various social profiles. With it, you can easily choose which profiles to link to, customize the color and size of your icons, as well as align them to the left, center, or right, all from the widget form (no settings page necessary!).

Download Simple Social Icons from the WordPress Repository

Simple Social Icons Genesis Custom CSS

Sounds great right? But Simple Social Icons allows you to only use one set of colors which does work for some but not for all. Below is the custom CSS for styling each icon to match its brands colors, for example blue for twitter, red for Google+ etc. You can also modify each to match your branding and design preferences.

https://gist.github.com/johnbunka/a5f7e5e8e437f6149eb0

Do you use Simple Social Icons in your Genesis theme? Let us know in the comments.

Share & Help Out the Community

Posted in , Tags: