Increasing Post Width

beccylee · Member · Apr 29, 2016 at 4:55 pm
Copy link

Add topic to favorites
Hi – I’m using the Zuki theme and when I remove the post sidebar I’m left with a mass of dead space on the right. I was given some CSS on the Zuki support forum, which has centred my post but hasn’t increased the width. If possible I would like to make my posts post full width – is this possible?

Thank you in advance :)

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Apr 29, 2016 at 9:25 pm
Copy link
Hi there, I’ve looked at your site and see the whitespace on the single post pages, and also on the category, author, and tag pages, and also on the single post pages. First off, let’s remove this from your custom CSS.
```
@media screen and (min-width: 1023px) {
.blog #primary, .attachment #primary, .single-post #primary, .search-no-results #primary, .archive #primary, .search-results #primary {
    float: none;
    margin-left: 10%;
    width: 70%;
}
}
```
and then let’s add this instead
```
.blog #primary, .attachment #primary, .single-post #primary, .page #primary, .search-no-results #primary, .archive #primary, .search-results #primary {
    max-width: 1000px;
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.blog .entry-content, .archive .entry-content, .single .entry-content, .search-results .entry-content, .blog .entry-summary, .archive .entry-summary, .single .entry-summary, .search-results .entry-summary {
    max-width: 100%;
}
```
And then in the Media Width field below the CSS input area, enter 1000.

I’ve limited the content width to 1000px. In general, for readability, it is best to keep text content between 500 and 750 pixels in width. It is a bit more complex than that, but that works as a general rule. If you decide to use a narrower width, such as 750, change the max-width in the first CSS rule above to 750px, and then make the Media Width match that.

See what you think with the above and then let me know.
beccylee · Member · Apr 30, 2016 at 4:15 pm
Copy link
That’s brilliant, thank you! …however, it’s screwed up the images in my featured post slider. Do I need to use a standard picture size do you think?
thesacredpath · Member · May 2, 2016 at 10:28 pm
Copy link
Can you refresh my memory, I’m looking at your main page right now since it is the only place I see a slider. Are you wanting the slider to stay the same full width it is on the original theme and then everything below that narrower?
beccylee · Member · May 3, 2016 at 9:05 am
Copy link
Hi – thanks for getting back to me. The problem was that once I’d changed the overall width, the images in the post slider was a bit skewed. However, I have resolved the issue by standardising the size of the featured images so, problem solved!
thesacredpath · Member · May 3, 2016 at 4:51 pm
Copy link
Great, and you are welcome. Let us know if you have additional questions.

No items found.