Decrease empty space after sidebar and increase content width

Home Forums Automattic Forefront Decrease empty space after sidebar and increase content width

Viewing 7 posts - 21 through 27 (of 27 total)
  • Author
    Posts
  • #138702

    Michelle

    Hi Jean,

    I took a closer look, and this code should prevent the content from overlapping into the sidebar. It should also remove the indentation on the left side, and the white rectangle over the featured image. I tested it on your site and it worked on my end, but please let us know how it works for you!

    .blog-thumbnail + .entry-header {
    background: none;
    padding-left: 0;
    }

    @media (min-width: 925px) {
    #primary .entry-content,
    #primary .entry-header,
    #primary .entry-summary,
    #primary .entry-footer {
    margin-left: 0;
    margin-right: 270px;
    width: auto;
    max-width: 680px;
    }
    }

    #138725

    thecharmepidemic
    Member

    Perfect!!! It was a problem for me as well. Thank you! :)

    But I also want to ask how to remove CATEGORIES from when posts are displayed. Because when I’ve used the code above, now each post category is somewhere in featured image. I don’t want to display them at all there and nowhere around my post. :) Could you check it on my blog ?:) http://thecharmepidemic.com/category/health-factory-2/

    Thank you:))

    #138744

    theeagertraveller
    Member

    Hi Michelle

    Thanks for taking a closer look.

    I’m currently in the office with a big screen. After pasting the code you just provided me, the post summary was restricted to a 1/3 of its current width now. Imagine that an empty column in the middle. :(

    #138788

    Caroline Moore

    Howdy @theeagertraveller! Could you post a screenshot demonstrating the problem so I can take a closer look? You can find instructions for creating a screenshot here:

    http://en.support.wordpress.com/make-a-screenshot/

    Thanks!

    #138789

    Caroline Moore

    Howdy @thecharmepidemic! Could you try this code?

    @media screen and (min-width: 1230px) {
    .blog-thumbnail + .entry-header {
    margin-top: -8px;
    }
    }

    #140777

    Kathryn P.
    Happiness Engineer

    Hi there, did you manage to get this one sorted out? Just let me know, thanks!

    #141962

    Kathryn P.
    Happiness Engineer

    Hi there, I’m going to close this thread since it’s been a while since we heard from you, but feel free to start a new one if you need further help. Thanks!

Viewing 7 posts - 21 through 27 (of 27 total)

The topic ‘Decrease empty space after sidebar and increase content width’ is closed to new replies.