Archived topic
Align width of the whole blog post
7 replies · Started by Tomasz on September 28, 2018
How to set max-width of a header element and of featured image so that it's the same as in the rest of following content of a single post? I thought of moving them inside the div that wraps my blog post. Max-width of the post content is set to 35em so just applying some padding won't work.
Hi there,
Instead of wrapping your post content in a div you could just change the grid-container width for the single post:
body.single-post .grid-container {
max-width: 35em;
}David, it partly worked. The header is perfect now, but the featured image still doesn't obey... It remains too big.
In the Customizer > Layout > Blog > Featured Images > Single move the location to above Title.
Did that. In effect post author and date get hidden (I guess). The image doesn't change size. Have a look.
Try this:
.inside-article .featured-image {
max-width: 35em;
margin-left: auto;
margin-right: auto;
}Perfect, thanks
You're welcome
