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. Remove black backgrounds around headings

.top-posts .featuredpost h2.entry-title a, h2.entry-title a {background: none; color: #000; box-shadow: none; padding-top: 20px;}
.top-posts .featuredpost h2.entry-title a:hover, h2.entry-title a:hover {background: none; color: #FC6236; box-shadow: none;}
.content h2.entry-title a {display: block;}

2. Change the footer area background color

.footer-widgets {background-color: #fff; border-top: 10px solid #fff;}

3. Hide top primary menu

First create a menu and add any one menu item with a hidden class ( Assign it to the primary menu location and then add this CSS:

.nav-primary .wrap {display: none;}
.hidden {display: none !important;}