How to align the post title, featured image, and text of a blog post

[thai]

Hi There,

The text and featured image seem correct align on my end:

Can you send me the screenshot how it looks on your end?

Thank you.

[dkawai]

Cleared browser history, cash, used a different browser and still doing this.

[thai]

Hi There,

It seems you captured the screenshot from the blog page.

Please also add this custom CSS under X > Theme Options > CSS:

.blog .entry-header {
    width: 80%;
    margin: 0 auto;
}
.blog .entry-header h2 {
    padding: 0;
    margin: 0;
    width: 100%;
}
.blog .entry-featured {
    width: 80%;
}

Let us know how it goes!

[dkawai]

I don’t understand why you are pointing out my screenshot from my blog page. This has been the issue all along, and you in fact, sent me a screenshot from my blog page a post up.

Either way, that code does not work. I am asking for help for this matter for a week now, I’ve given you my credentials can someone please go in there and help me with this, as this is a critical part of my work.

[friech]

Hi There,

I did go ahead and added the custom CSS below to Theme Options > CSS and that did the trick. Feel free to adjust the max-width: 500px; where you see it fits.

.single-post .x-container.max.width,
.blog .x-container.max.width {
	max-width: 500px;
}

.single-post .entry-content.content,
.blog .entry-content.content {
	padding-left: 0;
	padding-right: 0;
}

This aligns everything on your Blog Index Page and to the posts page itself, except the title because it was set as text-align:center; If you want the title to be left align as well, please add this to Theme Options > CSS

.single-post .entry-title, 
.blog .entry-title,
.p-meta {
	text-align: left;
	padding: 0;
	margin: 0;
}

Hope it helps,
Cheers!