Photos with captions sliding to the right in old posts

  • Author
  • #888120

    I’ve posted this before, but no solution was found, and it’s gotten worse. On my older posts with photos using captions, my photos slide to the right, out of frame. Here’s an example: In the past, I could “fix” it by editing the old post and resizing each photo down 10%. Now when I try to do this, the photos scramble and whole paragraphs of text disappear once I hit the update button, and I’m forced to restore the old version. Also, my right sidebar on the entire blog page gets shoved over further to the right. Since I can’t get help from the wordpress support team, having no paid upgrade, I’m getting pretty darn discouraged!

    I always upload my photos directly into the wordpress media gallery. I don’t use any hosting sites. Last time I posted this issue, someone told me my code was strangely long, but I don’t know how that occurs or even exactly what that means.

    The blog I need help with is


    Still no solution. I manually fixed the above post, but I had to copy and paste the paragraph of text that disappeared after publishing. Here’s another example of what’s happening: Some captioned photos in this post are fine, but two slide to the right.



    a) You can’t scale-down captioned images after you have inserted them: the code has two widths (one for the image and one for the caption) but only the one of the two gets changed when you edit an already inserted image.
    b) The Full Size option gives correct results when there’s no caption: captioned images must be somewhat narrower because of the extra frame around image and caption.

    So: go to Settings > Media, set the Max Width for the Large option to 558 (or less) and the Max Height to 0 (so that it will have no effect); after you do that, use the Large option instead of the Full Size option when you insert very wide images.


    So, after I adjust the max width settings, I have to go into old posts and delete the problem images and reinsert them? That’s what I did with the post above. How do I solve my problem of whole paragraphs of text disappearing, and other images scrambling, when I hit publish? I have 250 posts to review and try to fix.


    Also, how do I insert a captioned photo in the right size if I can’t scale it down after inserting it? (Although since I’ve been doing it for two years, it’s more a case of “shouldn’t” rather than “can’t,” and I certainly wish it was formatting that would show up right away instead of taking months to start appearing.) Sometimes it needs to be 20% or 30% smaller to fit within the text, and I don’t know until I’ve inserted it. Do I have to go manually change the Max Width settings for each and every post that requires this?



    “So, after I adjust the max width settings, I have to go into old posts and delete the problem images and reinsert them?”

    But before I answer your questions, what exactly do you mean by “right size”? In relation to what? In the post you linked to, for example, why are some images wider than others? Is that intentional?


    When I place photos to left or right of a paragraph of text, I like the size to be big enough to see image but not so big that reading the text is hard on the eye. When I place photos centered in between paragraphs, I don’t always want them to the edges, because that’s a lot of scrolling and it breaks up the flow of the writing. Here’s a post with an example of side photos and a centered photo that’s probably too big, and it’s sliding, too:

    In the post you’re asking about where some are wider than others, that’s partly due to sliding, partly due to some being more important than others, and otherwise to cut down on scrolling.



    Thanks. So, on to the questions…

    “Do I have to go manually change the Max Width settings for each and every post that requires this?”

    No. The media settings are supposed to be the defaults that apply for every new post you create. Changing those settings doesn’t affect images in already published posts (except if you delete and re-insert the images). And changing the settings all the time to adjust the images in each new post isn’t a reasonable way to solve your problem. What you need to do is set the default widths that would suit the majority of cases.
    The width of your main column is 570px. When you insert an image that’s wider than that, and select the Full Size option, the theme will insert a version that’s scaled down to 570px, so that the image will cover the whole width of the post. That’s ok for plain images but wrong for captioned images: the extra frame pushes the image a little to the right, and the rightmost part of the image as well as the right side of the frame get cut off. The 558 I suggested in my first reply is the width that will produce correct full-width captioned images. If you never want full-width captioned images, then set a smaller width for the Large option, and an even smaller one for the Medium option. To give you an idea of what you should be aiming for, the first two captioned images on your post “Please Sir, I Want Some More” are 400px wide.

    “How do I insert a captioned photo in the right size if I can’t scale it down after inserting it?”

    When I wrote you can’t do that, I meant you can’t do it the way you’ve been doing it (clicking on the image in the Visual editor and clicking the percentage tool). As I explained, this will change half of what it should, and you’ve seen the result: captioned images that spill outside their frame. To change the width of already inserted captioned images, you need to switch the editor to HTML and modify the image shortcode. The shortcode for a (linking) captioned image is like this:
    [caption id="attachment_NNN" align="WHATEVER" width="WWW"]<a href="LINK URL"><img src="IMAGE URL?w=WWW" alt="" title="FILENAME" width="WWW" height="HHH" class="size-WHATEVER wp-image-NNN" /></a> CAPTION TEXT[/caption]
    To effectively change the width, you need to change all three instances of WWW.

    “How do I solve my problem of whole paragraphs of text disappearing, and other images scrambling, when I hit publish?”

    Since you say “hit publish”, I assume you’re referring to drafts. If so, this has nothing to do with images, captions or resizing: it’s a glitch with drafts that has been going on for months. Many users have complained about this (even about drafts disappearing altogether), and so far WP has nothing to say. Just avoid using drafts: when you start a new post, write a couple of words or lines, set the post visibility to private, publish the post, continue editing and updating, turn to public when finished. If you’ve got completed drafts you haven’t published yet, my condolences! Before you attempt to publish them, switch the editor to HTML, copy all, paste and save in a text file so that you’ll have a backup if the draft vanishes.


    First of all, THANK YOU. I very much appreciate your assistance! It’s going to take me a while to go through all this and apply it to my various issues, but you’ve taught me a lot, and I can at least hope that my future posts will be formatted better from the start.

    I guess I’ve been very fortunate not to have the draft problem that you’re describing before now. When I publish as private and then set to public, will my followers then get their emails? ( As it is, one of my followers has stopped getting hers altogether, but that’s another issue.) My problem with text disappearing after I hit publish happened with the first post I referenced above, which has been published for over a year. I attempted to update it with corrected images as described. Isn’t this pretty much the same as publishing a post as private and then continuing to update it? I guess I’ll just have to see what happens. Fortunately, I don’t have any unpublished drafts at the moment!



    You’re welcome.

    Yes, followers will get their emails when you turn a privately published post to public.

    Normally, updating an already published post should cause no issues, except if you turned it to a draft while updating. I’m saying this because the “Publish” button shows up when you’re editing a draft: when you’re editing a published post it’s “Update”.

The topic ‘Photos with captions sliding to the right in old posts’ is closed to new replies.