Hey there John,
How are you doing today?
You can achieve that by increasing the maximum width of your post content. Since the image is 1024px wide you can add the same width to your post content. To do that please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://ww.wp.xz.cn/plugins/simple-custom-css
.post-content {
max-width: 1024px;
}
This should make the post line up with the width of the image.
Hope this helps 🙂
Best regards,
Bojan
Thanks Bojan!
That’s pretty much what I ended up doing. Here’s the CSS I added:
.post-image {
text-align: center;
}
.post-content {
max-width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
The first part was to center the featured image. The second was to contain the body text to a center column while left justifying the text as well.
Hey there wiedenu,
I’m not sure I understand what you’re trying to say. If you want your content to be the same width as the featured image you’ll have to increase the max width of the post content from 900px to 1024px.
Once you do that the text should be lined up with the image. What am I missing here?
Please advise,
Bojan
Nope, I understand.
I like the look of the text being a little narrower than the featured image.
Thanks for the quick replies!
