I’ve been asked a few times recently if there’s a way to include support for various colored content boxes for sites powered by the Genesis Framework.
There are a number of themes in the market that implement this with shortcodes. I feel that isn’t necessary and want to show you just how it easy it is to do with CSS.
Below are the 6 default colored content boxes that are included in this tutorial:
Implementing the Content Boxes
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.