These instructions assume you have either the JetPack plugin active with the Custom CSS module option turned on or our Themedy Toolbox plugin active (version 1.0.3 or higher).

Read more about adding the custom css feature here.


You can these CSS blocks to your Appearance -> Edit CSS screen (see steps above if you don't have this option)

Make sure to start adding your CSS code after the intro text as explained here.

1. Change the body background color from light grey

body {background: #fff !important;}

2. Change the colors of the Header, Footer and Copyright Footer Areas

#navigation {background: #000;}
#footer-widgets {background: #000;}
#footer {background: #000;}

3. Fix style issues with the Genesis Featured Page Widget when used in the foote
.footer-widgets .portfolio-teaser, .footer-widgets .one-third { float: none; margin: 0; width: 100%;}