My latest web client showed me a example site of what he wanted for his own: very simple, text based, basic layout.  So for the first time, I used a free WordPress template, and decided on  Twenty Fourteen.

It really can work for a basic site–if you’re willing to add a little bit of code to make it happen.  Unless you want to create a complex child theme, I recommend installing the “Styles: Twenty Fourteen” and “Twenty Fourteen Extended” plugins to get started.  That will give you lots of color, font, and a few layout options not available in the basic theme.

I also recommend installing a Custom CSS editor.  I used Custom CSS by devStudios, but there are several good ones out there.  This will give you the ability to change anything else that your plugins above didn’t allow.

Here are some super basic–but fairly important–custom tweaks I did for his site: centering the entire site,  removing the page headers, centering the top bar main menu, and last but not least, fixing the very odd margins of the page text and removing the white space.  There are a lot more tweaks on WordPress.org if you can search for the right term in the blog.

 

 

​/** Center entire site*/
#page {
margin-left: auto;
margin-right: auto;
}

/** Remove page headers*/

.entry-header { display: none;}

/** Center main menu*/
.primary-navigation {
float: none; /* change from float right */
text-align: center; /* addition to center text */
}​
/** Fix strangely narrow defaults of 2014 theme */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
.post-navigation,
.image-navigation,
.comments-area {
max-width: 100%;
}

 

Print Friendly