WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] A single post is destroying my sidebar... Why? (6 posts)

  1. gnruble
    Member
    Posted 2 years ago #

    For some reason, the most recent post on my site is destroying the sidebar - no matter how I rearrange the widgets, the third one keeps overlapping the second one.

    It doesn't make a bit of sense - I thought it had to have been the style sheet, but I reverted to the original one and the same problem keeps happening.

    I thought it might have been because I changed a few things around with my 404 page or the search.php file, but no. Whatever is causing it has something to do with my most recent post.

    When I un-publish the post, the sidebar goes back to normal. I've tried completely taking the image out of it, disabling the featured image - everything. I've even tried completely removing the category that the post falls under from the front page. As long as that post is anywhere on my site, it destroys the sidebar.

    It makes no sense at all.

    I'm sure I'll get no responses on this ridiculous question, but thanks in advance if you can help.

    Theme: GazpoMag
    URL: techpounce.com

  2. Harrison O.
    Member
    Posted 2 years ago #

    That is actually very common and usually happens because of the html used inside the post. Most of the time it's because someone forgot to close a <p> tag </p> or link tag or sometimes, by mistake deletes the ending of the image tag ">". Recheck your most recent post for missing tags.

  3. jkovis
    Member
    Posted 2 years ago #

    Go to line 651 of your theme's style.css file and remove the line that reads "height: 255px"

    #sidebar .widget_posts .post_box {
    display: none;
    border-width: 0 1px 1px;
    padding: 5px;
    height: 255px;
    }
  4. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    I see it with all single posts;

    caused by the fixed height in:

    #sidebar .widget_posts .post_box {
    display : none;
    border-width : 0 1px 1px;
    padding : 5px;
    height : 255px;
    }

    possibly change that to:

    min-height : 255px;

    btw:
    your site (at least the linked single post) has some validation errors:
    http://validator.w3.org/check?uri=http%3A%2F%2Ftechpounce.com%2F2012%2F05%2F17%2Fhtc-one-x-evo-4g-lte-delayed-due-to-patent-infringements%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

    I'm sure I'll get no responses on this ridiculous question

    not a bad question - just a fundamental formatting issue and not really related to WordPress per se - apart from the fact that the problem happened in a WordPress site.

    using Firebug http://getfirebug.com/ or a similar tool helps to investigate these kind of problems.

  5. gnruble
    Member
    Posted 2 years ago #

    Wow. That was it. Thanks jkovis!

  6. Harrison O.
    Member
    Posted 2 years ago #

    You do have some unclosed tags </div> as it shows here, so you may consider fixing those codes.

Topic Closed

This topic has been closed to new replies.

About this Topic