How to Add Content Boxes and Color Buttons in Genesis

Want to Customize your WordPress powered Genesis blog with colorful content boxes and color buttons. Here are the ways to do that. its just a simple codes that you need to add in the style.css. Recently I have shifted myself to genesis. And now doing the research about the Genesis. its really awesome. there is also a plugin developed by JP2112 (I dont really know his name). I think its better to use the codes. But if you are not much familiar with the codes then you should try the Standout Color Boxes and Buttons. You will get more options like css rounded corner, css drop shadow, button nofollow link, open links in new window. You can also enter custom css.

Add Content Boxes in Genesis:

Here are the 6 content boxes. I didn’t change the color code. But you can change it as you like. In your text editor, all you need to do is wrap the text in a div with a class applied to it. Here’s how that should look:

Colored Content Boxes
Colored Content Boxes

Add Content Box CSS to Your Style Sheet

In your theme’s style.css file. Click on Save.

Add Color Button in Genesis:

In your text editor, all you need to do is add a class to your link. Here’s how that should look:

Colored Button
Colored Button

Add Color Button CSS to Your Style Sheet

In your theme’s style.css file, place the following code and edit as necessary:

Standout Color Boxes and Buttons Plugin

This plugin implements colored content boxes and buttons a la this Studiopress blog post. Using a simple short code or PHP function you can create colorful buttons and content boxes. CSS is only included on pages with short code. Write and include your own CSS to create your own color schemes.


Check Also

How To Remove or Edit Single Featured Post on Genesis Eleven40 Theme

Single featured post in home page of eleven40 Child Theme in Genesis Framework is an special …

Leave a Reply

Your email address will not be published. Required fields are marked *