A few months ago I wrote about how to add color buttons to your Genesis-powered website. I’d like to teach you how to create social media buttons using CSS3 gradients.
Below are the buttons that are included in this tutorial:
You might be asking yourself where you can use something like the social media buttons. You might implement these in the top right section of your header or in your sidebar.
Creating the Social Media Buttons
In your text editor, all you need to do is wrap the text in a div with a class applied to it. Here’s some sample HTML, along with the CSS required for the colored content boxes.