Site logo

Archived topic

Narrow column for text even with full width layout

7 replies · Started by Danno on March 25, 2017

Viewing posts 1–8 of 8

Hi, I do love all the features that using a full width layout offer, except for one thing:

The text get spread out so wide on a big screen, it can be hard to scan.

Is there a setting to keep the wide layout, but make the text contain much narrower?

Thanks!

Example: The New York Times: https://www.nytimes.com/interactive/2017/03/24/us/politics/the-health-care-blame-game.html?hp&action=click&pgtype=Homepage&clickSource=story-heading&module=b-lede-package-region&region=top-news&WT.nav=top-news&mtrref=www.nytimes.com&gwh=D06FA2FAF4E795D64053A72F4C35171B&gwt=pay&_r=0

You could try this CSS:

.entry-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Thank you!

I was fooling around with padding. Didn't know about "max-width."

Support here is as amazing as the theme.

You're welcome :)

This code does exactly what I want :)

Is there a way to apply to posts only, not pages?

Thanks!

Try

.single .entry-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Perfect!

Awesome :)

This archived topic is closed to new replies.