Make content blog post and blog post smaller and centered

Support
#1

Hi,

See image below.

What I’d like to do is the following:

  • Center the blog post title in the middle of the page. The text can still be “align left” but it should be in the middle of the page. Now it’s more to the left. [I’m referring to the green rectangle]

  • The blog post title [I’m referring to the green rectangle] should align with the content [I’m referring to the blue square]. Now the title is more to the left than the blog content.

  • The third thing what I’m trying to do is make the content a smaller width; around 560-pixel. Now there are for ± 19 words on one line. I want this to be like 10-12 words. [I’m referring to the blue square]

Is this possible? Thanks.

#2

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

.single-post header.entry-header {
    max-width: 620px;
    margin: 0 auto;
    text-align: center;
}

.single-post #cs-content .x-section > .x-container {
    max-width: 560px;
}

Hope it helps :slight_smile:

#3

That works, thanks!

Do you also have that same code for me for the comments below this post, so it’s the same width?

Thanks!

#4

Hello @djinnie,

Thanks fro updating thread. :slight_smile:

Please try out following CSS and let us know how it goes:

article.comment {
    max-width: 560px;
}

Thanks.

#5

That works but the comments are now all to the left. Can I place this in the middle?

I do not mean center the text but I want to align the comments below the article content.

#6

Hey There,

Have the code updated and use this:

#comments {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

Hope this helps. Please let us know how it goes.

#7

That works. Thanks.

#8

You’re welcome!
Thanks for letting us know that it has worked for you.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.