Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • #1124894

    Hi
    how can I get the post to be narrower and boxed as in the example? https://www.screencast.com/t/8IF4xGmRYb

    thanks
    Marco

    #1124904

    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

    #1124907

    Hi Victoria,
    I shared a screenshot to show you how… Please see the URL. See how the post is boxed centrally

    Thanks

    • This reply was modified 2 weeks, 3 days ago by  marcoabis81.
    #1124965

    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

    #1125024

    Hi Niko.
    I need this only for the single post.

    In the example I sent, it looks like the boxed post is above the background, thé affect is very nice.

    Marco

    #1125145

    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

    #1125158

    Niko, I sent it to you as private message. Also I have 3 posts not responded since 2 days. Can you give it a look?

    https://sos-wp.it/ (Purchase code hidden if logged out) -windows-con-wamp/

    #1125405

    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

    #1125728

    Hi Nikko, sorry, my mistake.
    This one is the example https://sos-wp.it/ (Purchase code hidden if logged out) -windows-con-wamp/

    My website is https://www.ninserviziogratuito.co.uk/cosa-significa-viaggare

    As a workaround I made all the website a bit narrower. But if I restore the width to 100% how do I make each post narrower as in the site example? https://sos-wp.it/ (Purchase code hidden if logged out) -windows-con-wamp/

    Thanks

    #1126214

    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

    #1126302

    Hi Nikko,
    I restored the site to stretched but the code you gave me did not work very well, look at the screen. It actually moved to the left leaving lot of space to the right only. https://www.screencast.com/t/yJumJnqwk

    Anyway, what I am trying to obtain is that, on a stretched website, all the posts (not only one) look like if they are on a superior layer. Like on the screenshot I showed you from that other website.

    I will keep for now the website boxed waiting eventually for any suggestion you may have.

    Thanks

    #1126756

    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

    #1126835

    Thanks Nikko,
    how do I apply this for all posts in the blog?

    thanks

    #1126873

    Hi,

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

    Best regards,
    Jordan Shannon

    #1126898

    Jordan
    it does not work. If I remove post ID it will apply to all site. I need it to apply only to posts.

    Thanks

    #1126979

    Hi,

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

    Best regards,
    Jordan Shannon

    #1126997

    It does not work

    #1127201

    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

    #1127315

    Hi,
    not sure if I had written it not correctly, now it is working, I mean it stretches the posts, but not only. It stretches the whole page of the posts, menu, footer and mega menu. Everything is stretched. How can I stretch just the body of the post? from below the menu to above the footer?

    thanks

    #1127698

    Hi Marco,

    Try using this code instead

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

    Best regards,
    Nikko

    #1127706

    Yes thanks it works :-)

    #1127709

    Hi,

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

    Best regards,
    Jordan Shannon

    #1127713

    Yes Jordan thank you :-)

    #1127721

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 24 posts - 1 through 24 (of 24 total)

The topic ‘Single blog post boxed’ is closed to new replies.