Modifying the Twenty Fourteen WordPress Theme

I’m doing a new website for a restaurant and decided to use the new default WordPress Twenty Fourteen theme. It’s fairly clean and doesn’t seem too buggy. It’s magazine look is appropriate for a graphics dominated website.

Since there’s not much info out there about modifying the css on Twenty Fourteen I wanted to post how to make a few mods.

First off, create a child theme and do not modify the Twenty Fourteen theme itself!

The full width template flat out doesn’t work because the maximum width is set to 474px. So just change;

.page-content {
margin: 0 auto;
max-width: 474px;

to;

.page-content {
margin: 0 auto;
max-width: 674px;

Change the menu bar color at;

.site-header {
background-color: #000;

Change left sidebar color;

.site:before {
background-color: #000;

Change footer color;

.site-footer {
background-color: #000;

That’s all for now. I’ll post more as I finish this site.