How To: Change the post width in Twenty Fourteen (WordPress default theme)

The default width of the post in Twenty Fourteen WordPress theme is 474px.

When you remove all the widgets from the Content Sidebar, the post text does adjust a little bit and move to the right to remain centered. However, the width of the post still remains to be standard 474px.

This CSS code will help you in changing that width. However, I would strongly recommend creating a child theme, if you already don’t have one.

Do this first: Create a child theme for Twenty Fourteen WordPress theme.

Now, use the code below to change the width as you please. In my example, I changed it to 700px. Change only the number 700 in the code below to a preference of your choice.

 .site-content .entry-header,
 .site-content .entry-content,
 .site-content .entry-summary,
 .site-content .entry-meta,
 .page-content {
 margin: 0 auto;
 max-width: 700px;
 }

While this should suffice, you may also want to change certain other aspects to match the width to maintain consistency. The names of the blocks should tell you what you’re changing.

max-width: is the property that needs the new value.

 .post-navigation,
 .image-navigation {
 margin: 24px auto 48px;
 max-width: 700px;
 padding: 0 10px;
 }
 .archive-header,
 .page-header {
 margin: 24px auto;
 max-width: 700px;
 }
 .contributor-info {
 margin: 0 auto;
 max-width: 700px;
 }
 .comments-area {
 margin: 48px auto;
 max-width: 700px;
 padding: 0 10px;
 }
 .site-main .mu_register,
 .widecolumn > h2,
 .widecolumn > form {
 margin: 0 auto 48px;
 max-width: 700px;
 padding: 0 30px;
 }

Add a comment