• After years of creating posts with an image at the top left of each article.. and word wrapped… it no longer works for me since I was automatically updated to version 4.0.1 by WordPress. As recently as September, I was having no problems, but after the upgrade…

    You can see what I mean here: http://www.maurerconsultinggroup.com/blog The most recent post will not word wrap. Although the placement and wordwrap looks find in my dashboard editor, when previewed or published, the image moves to a position above the posting. I have tried with the caption and without the caption – makes no difference.

    My theme is customized, based on Mercury, I believe. Am missing the ease of inserting images as well as ease of making ‘advanced’ changes like padding around the images.

    Can anyone help? So far, Version 4.0 appears to be a step backwards in ease of use by those of us with no coding background, which WP has been built on.

Viewing 8 replies - 1 through 8 (of 8 total)
  • No help from me, but plenty of sympathy. I spent the entire afternoon trying to get text to wrap as desired throughout the page and had to completely give up on placing even a very small image at top-left:
    http://www.nnywriters.com/elder-pics/

    Thread Starter tlmaurer

    (@tlmaurer)

    Not encouraging leehosepho! What used to be easy has become a royal pain. Thanks for responding.

    in your latest post, (by whatever causes) you have inserted the image into the h2 tag of the sub headline – you might need to use the ‘text’ setting of the post editor to fix that.

    this is the corresponding html section of the latest post as seen from the browser:
    <h2><span style="color: #800000;"><strong><img class="alignleft wp-image-1062" src="http://www.maurerconsultinggroup.com/wp-content/uploads/2014/06/MH9003873781-300x300.jpg" alt="Strong-Brand-Impression" width="218" height="236" />Does your company have a strong brand? </strong></span></h2>

    compared with the same section of a working image:
    <p><span style="color: #800000;"><strong><img class="alignleft wp-image-1054" src="http://www.maurerconsultinggroup.com/wp-content/uploads/2014/05/file0001298447328-Crown-300x249.jpg" alt="Treat Customers like Royalty" width="200" height="166" />People say they do their best thinking in the shower or on a long walk.</strong> </span>Some, like ....lots-of-text.... ed a collision.</p>

    Thread Starter tlmaurer

    (@tlmaurer)

    ‘Interesting’, alcymyth! Actually the branding article is not my latest article and until last night had no problems. The article I was struggling with was the on on focused planning … the only one I’ve had issues with since the 4.0.1 update. Have to admit I was messing around with the new Yoast SEO plugin just added to replace an older one. I was trying to go back to older articles and switch them over using Yoast. I believe I probably changed from ‘paragraph’ to an H2 tag, causing a change. Will have to change that back to ‘paragraph’ again.

    I do not believe, however, that I used an H-tag on the newest article, but will double check. As there is no text beside the image above the article, I don’t think that is the problem. My practice is to just ‘bold’ the first sentence of key paragraphs, not use the H-tags. Images have all been placed at the top of the article and aligned left, with the first paragraph wrapping around it.

    Will go back in, fix the brand image and double check my latest one to see if the same error holds true. Thanks for your help — I may be back! :0)

    I can’t see any article in the posted link http://www.maurerconsultinggroup.com/blog, but just found the latest in the nov archive;

    in that article, you actually inserted the caption image before and outside of any paragraphs;

    because the html p tag is formatted with clear: both;, the text will not wrap around the image.

    again, the html code of the problem section:

    <div id="attachment_1322" style="width: 160px" class="wp-caption alignleft"><img class="wp-image-1322 size-thumbnail" src="http://www.maurerconsultinggroup.com/wp-content/uploads/2014/11/ID-100259318-Stuart-Miles-sm-150x150.jpg" alt="importance-of-focused-planning" width="150" height="150" /><p class="wp-caption-text">freedigitalphotos.net | Stuart Miles</p></div>
    <p><span style="color: #800000;"><strong>Focused planni ...lots of text .... n.</p>

    the paragraph format (style.css line 1118):

    p {
         clear: both;
    }

    you might be able to fix the html by editing the post in the ‘text’ setting of the editor.

    Thread Starter tlmaurer

    (@tlmaurer)

    Went back in and corrected my ‘Branding’ article. As suspected, I messed it up last night. The article in question is:

    http://www.maurerconsultinggroup.com/focused-planning-for-success/

    The part of the code relating to where the issue must be hidden is around line 265 of that page (this is the page where the actual ‘Focused Planning’ article is posted, not just the first page of my Blog).

    Does this help any?

    Thread Starter tlmaurer

    (@tlmaurer)

    RE: in that article, you actually inserted the caption image before and outside of any paragraphs; because the html p tag is formatted with clear: both;, the text will not wrap around the image.

    When I inserted the image, I placed my cursor to the left of the very first paragraph – like I always have done. Then, I hit the ‘insert media’ button, selected my image, noted ‘align left’ and then ‘post image’. At any time in the past, that put my image on the left at the beginning of the article with the first paragraph, and sometimes part of the second, wrapping around the image.

    Now, for whatever reason, the image is staying aligned left, but not where I want it… higher up. What have I done to make this happen? Same process I’ve used for 4 years, different result.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Problems with image placement and word wrap’ is closed to new replies.