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.

CSS

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 Derby menu colors

/* Main width of nav */
#nav, #subnav {
    background: #000;
}

/* Indivdual Nav Items */
.menu-primary li, .menu-secondary li {
    background: #000;
}

/* Hover Color */
.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a {
    background: #fff;
    color: #000;
    text-shadow: none;
}

/* Dropdowns */
.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited {
    background: #000;
    color: #fff;
}

/* Dropdowns Hover */
.menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover {
    background: #fff;
    color: #000;
}

/* Mobile Menu */
@media only screen and (max-width: 600px) {
    #nav, #subnav {
        background: #fff;
    }
}

2. Decrease the height of the menus

.menu-primary a, .menu-secondary a {
    height: 30px;
    line-height: 30px;
}

3. Change the color of the grey buttons in the widget areas on the front page

.themedy-frontpage .home-columns a.button, .themedy-frontpage .home-single a.button {
    background: #D64F4F url("red/bg-button.png") repeat-x scroll center top;
}

4. Disable the ability to click on a slider image:

.flexslider .slides a {pointer-events: none; cursor: default;}