Social Links with CSS and Font Icons

My Girlfriend has a blog about sugarfree baking and she asked me if I could take a look at the social icons on it. Remove some of the defaults and add some new.

This is a Blogger site with a 3000(!) line template. Removing some of the icons wasn’t a problem. I even tried to be the least obtrusive, so just hid them with CSS, but adding new ones turned out to be a problem. The icons were made with a sprite and Pinterest wasn’t among them.

I could have just created a new sprite, but hey, we are living in the age of CSS3 and font icons, and she also asked for grey icons. To spice up the challenge a bit I wanted to recreate the exact same experience, but of course with resolution independent graphics and easily modifiable colors.

Continue reading on

A single golf clap? Or a long standing ovation?

By clapping more or less, you can signal to us which stories really stand out.