Image Not Floating, Text Not Wrapping

  • Hi Guys – there are a million posts on this. But I am really at a loss now, and need another pair of eyes and a fresh opinion. I’ve reviewed several threads on this topic as well as tried all I could find as far as solutions. I’ve plugged and unplugged all the plugins. I’ve tried inline CSS. The copy and image floating looks great backend, but won’t render the image floating left with a text wrap. Here is site and an example page of the issue.

    https://burnettbrown.com/dev/about-oklahoma-attorney/attorneys/kevin-w-burnett/

    I would just like another opinion on how to make the text wrap on these images, I have exhausted my own resources and have tried so many different things now, I’m confusing myself.

    Any ideas – ? Any help is MUCH appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Check the source code of the page. There’s an image link AFTER the image, for a start – which is turning all of the text into a link. Sort out the markup errors and the rest should fall into place.

    Just edit your image in backend from the editor and click on align left. Then Go to advanced and specify horizonal and vertical margins to be 15 each.

    The text shall not be hyperlinked with image.

    Thread Starter Kari Mitchell

    (@kari-mitchell)

    Sorry, yes – this came from inserting, deleting, resaving, reinserting and moving the image OUT of the heading wrap and then removing the link to the image that automatically comes in – it got confused. I have spent hours trying to get this sorted out – and as you’ll see – sorting out the HTML made no difference.

    All pages on the site are doing the same thing.

    You can see the changes on same link.

    Your stylesheet may contain link styling that overrides the image styling. I fixed this issue on my site by adding an additional style to all images within a tags.

    img.alignright, a img.alignright
    {float:right;
    margin: 15px 0 15px 15px;}

    img.alignleft, a img.alignleft
    {float:left;
    margin: 15px 5px 15px 0;}

    img.alignnone, a img.alignnone
    {margin: 15px;}

    img.aligncenter, a img.aligncenter
    {margin: 15px auto;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Not Floating, Text Not Wrapping’ is closed to new replies.