css code fuer customizr

#69aa33  gruen

#ea5a4f rot




padding-right: 5px;
.tc-header .nav-collapse{
float: none;
.navbar .nav {
width: 100%;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.nav-collapse .nav > li{
float: none;
display: inline-block;
.nav-collapse .nav > li li{
text-align: left;
@media (max-width: 979px){
.nav-collapse .nav > li{
display: list-item;



.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:0; background-color: #69aa33;}
.entry-title { display:none; }









Remove the Grey Bar:

Credit: @fabioeliseo
Change the Grey Bar:




Step 1 – Main body/containers

Step 2 – Header/Navbar

Step 3 – Slider

Step 4 – Featured Pages

Step 5 – Pages/Posts

Step 6 – Press Customizr Footer

Step 7 – Widgets Footer


Step 8 – Adjust sitewide fonts size/color


Remove Grey Bar and Whitespace from Footer

Last Reviewed: 22-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.