Single blog post boxed

Hey marcoabis81,

Could you please give us a link to your website, we need more context to be able to help you.

Could you please attach a mockup of what you’re trying to achieve?

Best regards,
Victoria

Hi marcoabis81,

In your WordPress Dashboard, go to Enfold > General Layout > Layout (tab) > Use stretched or boxed layout?, set this to Boxed Layout.
Hope it helps.

Best regards,
Nikko

Hi Marco,

I see, can you give us the link to that specific post? so we can give you the exact css that should work.

Best regards,
Nikko

Hi marcoabis81,

Thanks and I apologize I thought the site you gave was how you want it to look like since the screenshot is the same.
Just to clarify, you want to make the width narrow on this specific post? if yes, try adding this css code in Quick CSS, located in Enfold > General Styling:

.single-post.postid-20727 .container.template-blog {
    max-width: 980px;
}

We’ll check your other posts.

Best regards,
Nikko

Hi marcoabis81,

I see, you’re using boxed layout now, if you’re using stretched layout you will need to use this code:

.postid-2105 #wrap_all {
    width: 1310px;
    max-width: 90%;
}

Best regards,
Nikko

Hi marcoabis81,

I see, please replace the code I gave with:

.postid-2105 #wrap_all {
    width: 1310px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.postid-2105 #wrap_all #header {
    width: 1180px;
    max-width: 100%;
}

Best regards,
Nikko

Hi,

Remove the “postid” section in the code and then that should apply to all the posts.

Best regards,
Jordan Shannon

Hi,

I see. Instead of “postid” use “single-post”

Best regards,
Jordan Shannon

Hi Marco,

Jordan is right, try to change this code I gave:

.postid-2105 #wrap_all {
    width: 1310px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.postid-2105 #wrap_all #header {
    width: 1180px;
    max-width: 100%;
}

to:

.single-post #wrap_all {
    width: 1310px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.single-post #wrap_all #header {
    width: 1180px;
    max-width: 100%;
}

single-post will apply on all posts, if that does not work please let us know and don’t remove the code yet so we can try to inspect and check why it’s not working.

Best regards,
Nikko

Hi Marco,

Try using this code instead

.single-post #main {
    width: 1310px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

Best regards,
Nikko

Hi,

I’m glad this was resolved. Did you need additional help or shall we close this topic?

Best regards,
Jordan Shannon

Hi,

No problem. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon