[resolved] Image is overlapping into next post (9 posts)

  1. lifeskope
    Posted 2 years ago #

    Hi, help :)

    Images I place in the top and middle of my post's are aligning just fine but any I place in towards the end are overlapping out of the post border and into the next post. :/

    I've read everything I've been able to find online but none of the "fix's" I've tried seems to make any difference other than adding this small piece of code at the bottom of the post = <br clear="all" />

    I'm glad to have SOMETHING work but I'd prefer to have the CSS automatically regulate this for me rather than manually having to put it in at the end of every post.

    Here are all the pieces of CSS that I think might be involved with it...?

    [please use code buttons when posting code here - and for CSS you need to post a link to your site]

    Any help would be appreciated :) :) :)!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Sounds like you probably have unclosed tags - but you'll need to post a link to your site for help with something like this. We need to see a "bad" page that you have not fixed.

  3. lifeskope
    Posted 2 years ago #

    oh hi ok thanks. Here's the test page i'm working on

  4. lifeskope
    Posted 2 years ago #

    ug the link disappeared ?

  5. lifeskope
    Posted 2 years ago #

  6. WPyogi
    Forum Moderator
    Posted 2 years ago #

    LOL - if you add that clear: both CSS to the code section below, that should fix that problem - line 508:

    #BlogContentDiv .cat-links {
        border-bottom: 2px solid #0099FF;
        border-top: 2px solid #3399FF;
        clear: both;
        color: #000000;
        display: block;
        line-height: 20px;
        margin-bottom: 15px;
        width: 550px;

    Looks like that's a copy of twentyeleven, not a child theme? (Not usually the best way to go...)

  7. lifeskope
    Posted 2 years ago #

    YAY! You did it! :) Thank you so much!

    Can I ask another question... It's looking weird in the individual post page when I click on the post. The cat-links are all smushed on the right side rather than below it. Do you know how to fix that? :) thanks!

    And ya re the copy of twenty eleven and not a child theme - This is my first try at creating a blog :) - I didn't know what I was doing (still don't) but recently read somebody else say that to someone else. Is it dangerous to have done that :/?
    ... All I did was copy the theme folder and change the name of it inside the style.css doc

    Thanks for you help!

  8. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Same issue, slightly different CSS class:

    #BlogContentDiv .entry-meta {
        border-bottom: 1px solid #999999;
        clear: both;
        color: #999999;
        font-size: 12px;
        font-style: italic;
        line-height: 25px;
        margin: 0 15px 0 10px;
        padding: 0;

    Yes, the reason it's not so good to just change the name is that when the theme is updated, you won't get any of those updates - and in some cases, that means your theme won't be compatible with WP... You're still better off than if you'd modified the theme directly, but not ideal.

    A child theme lets you make changes and still get the benefit of updates... So you might think about moving your changes to a child theme.

  9. lifeskope
    Posted 2 years ago #

    Oh wow yikes ok. Got it. Thank you for all your help.
    Have a great night!

Topic Closed

This topic has been closed to new replies.

About this Topic