• Resolved amazinganja

    (@amazinganja)


    Hi there,

    I’d like my single posts to be a little narrower, but only the area with the heading, pictures, text, etc.; the side per se (with the sidebar and menu) should have the same size as ‘home’ etc.

    I tried…

    .single-post .entry-singular-wrapper {
         margin-left: 200pt;
         max-width: 637pt;
    }

    …and it looked good on my desktop, but the mobile version doesn’t work with that.

    I also tried…

    .single-post .default-background-color {
        max-width: 1050px;
    }

    …and here the mobile version looks fine, but the menu and the sidebar are also made smaller / narrower.

    I’d really appreciate your help!
    Thanks so much
    Anja

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @amazinganja,

    Thanks for getting in touch again! ??

    Give this a shot and see if it matches what you had in mind- if not, just let me know what tweaks you need and I can adjust it as much as is necessary. This will limit the wrapper width to 1000 pixels, while keeping the sidebar intact until it hits the responsive breakpoint at 991px:

    .single-post main .wrapper {
        max-width: 1000px;
    }
    @media screen and (min-width: 992px) {
        .single-post .entry-singular-wrapper {
            max-width: calc(100% - 372px);
        }
        .single-post .widget-area-sidebar {
            min-width: 372px;
        }
    }

    Hope this helps- let us know if it doesn’t do the trick!

    Thread Starter amazinganja

    (@amazinganja)

    omg, almost there! It looks better already!
    Now my only (little) problem is, that the entry itself and the sidebar are both kind of centered…

    Is it possible, that the “single-post” sidebar is at the same place as it is on the “home” site? In other words: on the right side?

    Gosh, I hope I’m not asking too much – thank you so much for your quick and professional help. I’d be so lost without it. I hope I could describe my problem understandable.

    Best regards
    Anja

    Ah, I see what you mean. In this case, you’d want to remove this CSS that I gave you previously:

    .single-post main .wrapper {
        max-width: 1000px;
    }

    Then add this:

    .single-post .entry-singular {
        max-width: 600px;
        margin: 0 auto;
    }

    If you need it adjusted just let us know! ??

    Thread Starter amazinganja

    (@amazinganja)

    yippie, that did the trick!
    Thanks so much for your support and have a nice weekend ??

    Happy to hear that, @amazinganja- thanks so much for letting us know.

    Take care!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘indent content in single posts’ is closed to new replies.