WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Image is overlapping into next post

[Resolved] Image is overlapping into next post

  • 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 🙂 🙂 :)!
    Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    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.

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

    ug the link disappeared ?

    WPyogi

    @wpyogi

    Forum Moderator

    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…)

    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!

    WPyogi

    @wpyogi

    Forum Moderator

    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.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Image is overlapping into next post’ is closed to new replies.
Skip to toolbar