Well obviously WordPress Twenty Fourteen got an issue: It’s was made for tablets and it’s primary width is 1260px – which obviously makes the content width 654px. That is a mess when you want to present log output and code to the reader.

I generally dislike hacking stylesheets, even if the default style.css is very well documented. The problem is that you ain’t gonna get it for free with a single entry, but must adopt plenty of them.

After installing this nifty plugin in order to overwrite various styles (the child theme idea just sucks), my attention was caught by this blog post.

I’ve modified it a bit, and set the following entries

• site and site-header max-width are set to 1420px
• all context is set to 1024px (present everything to the reader)
• content area (hentry) is set to 768px

.site {
	max-width: 1420px;
}

.site-header {
	max-width: 1420px;
}

.hentry {
	max-width: 786px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 1024px;
}

.post-navigation,
.image-navigation {
	max-width: 1024px;
}

.archive-header,
.page-header {
	max-width: 1024px;
}

.contributor-info {
	max-width: 1024px;
}

.comments-area {
	max-width: 1024px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	max-width: 1024px;
}