WordPress Twenty Sixteen Theme: Move Content to the Left

The Twenty Sixteen theme provides a great starting point for a clean, modernly-designed, responsive site. Among the things I find limiting about it, however, is the way page content sits in the center on pages that don’t show sidebars. There’s too much white space, especially to the left of the content:

Twenty Sixteen Theme Before Applying WordPress Hack

But here’s a quick way to fix that. And you don’t even need to create a child theme.

Just use a CSS plugin, such as Jetpack Custom CSS or SiteOrigin CSS. Once you have the CSS editing form open, input the following code snippets to reduce white space and justify the content to the left (where it lines up better with the site title and / or site logo). Don’t forget to save your changes and refresh the site in your browser before viewing your updated site.

Use this code to remove the home page sidebar:

[hr]

.entry-content, .entry-header {
margin-left:0% !important;
margin-right:auto;
}

/*For browser/screen widths less than 880px – adjusts left margin for small screens */

@media screen and (max-width: 880px) {
.entry-content, .entry-header {
margin-left:7% !important;
margin-right:5%;
}
}

[hr]

And there you have it:

Twenty Sixteen Theme With Left Margin Reduced

Two very simple CSS snippets that make the Twenty Sixteen theme more conducive to a variety of Web site types, not just blogs. Enjoy!

8 responses to “WordPress Twenty Sixteen Theme: Move Content to the Left”

  1. pokerstarsdownload Avatar

    Finally gonna get PokerStars on my phone! Heard the mobile app is top-notch. Thanks pokerstarsdownload for the easy download. More info: pokerstarsdownload

  2. spinluckybet Avatar

    Spinluckybet, eh? Sounds like my kind of place! Ready to spin my way to some wins. Wish me luck! Learn more: spinluckybet

  3. th7777 Avatar

    th7777 looks promising. Digging the site design. Hope the games are just as cool. Let’s see what it’s about: th7777

  4. tadalafil dosage 20mg

    tadalafil dosage 20mg

  5. avanafil stendra tablet

    avanafil stendra tablet

Have Your Say!

From the Blog : Brilliant CSS Plugin for WordPress