I really like the simplicity of the Genesis Simple Share plugin. It’s easy to use and does exactly what it needs to do. In my upcoming theme I changed the styling so it fitted more into the design.
Interested in how I changed this:
Into this:
Just follow these steps.
Add the following code to the functions.php of your Genesis child theme. With this function we deregister the styling of the Genesis Simple Share plugin.
the second step is to add some CSS to create our own styling. Because the stylesheet of the plugin isn’t active we can write clean CSS without any !importants. Add the following CSS to the stylesheet of your Genesis child theme:
For the icons I use the Genericons font set that is automatically loaded by the Genesis simple share plugin. This makes my CSS relatively simple. Of course you can also use Font Awesome or another font set. This is beyond the scope of this small tutorial though.
The Genesis Simple share plugin has serval options in the backend. In the example CSS above I’ve styled the outlined, the filled, the small bar and medium bar options.
You may change the colors and size to your liking.
Hi Frank
Great post. I recently did a variation on this too, although I wish I’d seen your post first. I didn’t think to deregister the stylesheet given the style loading is relatively minor. I did, however, retain a couple of variations on GSS’s native features. It’s styled for my Envy themes, but you might like to take a look – http://wpclips.net/product/envy-genesis-simple-share/
Hey, Frank, cool post, thanks for sharing the info. Do you have any idea how to add an email button to the plugin? Thanks!
Hi Annamari,
Without changing the plugin files this can’t be done I’m afraid. I’ve written a function which adds an email button to the end of the content on every post. Maybe this works for you? You can add this snippet to your functions.php https://gist.github.com/frankschrijvers/798f0d61ddc85a25d0ce7683d20cb373
nice (y)
but can I add feature whatsapp sharing?
Whatsapp is not part of the Genesis Simple Share plugin.
Worked perfect! Thanks so much! The only problem that I am having, not related to your code, is that the Google+ and Stumbleupon icons are not available in the Simple Share plugin. Any idea of how I might get those back. I tried deleting the plugin and reinstalling it but it didn’t make any difference. Thanks!
Hi Debby,
Google shuts down Google+ and StumbleUpon moved to Mix. Both are removed from the plugin. See the changelog: https://nl.wordpress.org/plugins/genesis-simple-share/#developers