Blog content width

Support
#1

I would like to make the blog body a max of 700px wide. I want to have the featured image first, the same giant size it is now, then the title, meta and post content only 700px wide - I thought this one might be easier, but it’s not to straightforward - any advice? Thank you guys!

#2

Hello @lancebarton,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS to change blog content area width:

.blog .x-container.max {
    max-width: 700px !important;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.

#3

It looks like it is all under entry-content. I want to only restrict the size of the text, leave the preview image large. Take a look here:

https://www.advancedbiology.com/test-post/

#4

Hi Lance,

Thank you for the clarification, please update the given CSS code to this:

.single-post .entry-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

Hope it helps,
Cheers!

#5

Thank you!!!

#6

You are most welcome. :slight_smile:

#7

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