2.6 – Text won’t wrap around images

That didnt work for me, either, otto. I added that css code directly to my stylesheet, and while everything looks fine in the “Visual” mode, as soon as I ‘Preview this Post’ it pops up in my style and there is no border, no caption, and no float/align behavior of the image. I have to go in each time to HTML and use ‘ align=”left” ‘ etc.

I’m sure I’m just missing something, but not enough of a PHP person to know what it is. I’ve been banging style sheets around for years, but have no idea what to do past adding the classes to my css which I did.

If you need more info, let me know. Blog here.

oddly, otto, it works now. maybe everything needed a chance to…congeal. thanks. ??

to others, I just went to the new default theme css and copied the “captions” part and the image aligning part.

Hope this is helpful to someone.

I too had the text wrap issue, but resolved it. It was definitely a WP theme problem.

I had to add “#content” before each of the sections in Otto’s step 9 before the text would wrap.

Now that I correctly inserted the code for “my particular theme” everything works great.

Cuda: Can you give an example. I’m not sure what you mean. I have tried the other suggestions but none of them worked. My problem is that it doesn’t add style=”float: left;” to the html when pressing the left align button.

It doesn’t have to add a style to the image, because it adds a CLASS to the image. So you need to make your theme’s stylesheet connect that class to “float:left”, which is what the instructions I gave tell you how to do.

Otto, I changed the stylesheet like you said (step 9) but it didn’t change anything. Previously when I clicked the left align button it would add style=”float: left;” to the image code. Ever since upgrading to 2.6 it stopped doing that. If I add style=”float: left;” it works properly.

It does add alignleft to the image class but that doesn’t make the image float left except in the WYSIWYG editor.

BTW Thanks for the reply, I appreciate it.

It does add alignleft to the image class but that doesn’t make the image float left except in the WYSIWYG editor.

Exactly. Which is why you need to make the alignleft class float:left on your actual page. Adding an explicit style is not the correct answer here.

I’m failing to understand your objections here. Everything you’re telling me suggests that you just need to edit your theme properly. If you already did that, then you did it wrong.

What’s the URL of your page?

Otto
Thanks for your help. After going over everything again I finally realized what the problem was. I was editing the stylesheet (style.css) but my theme was using another file as the stylesheet. (style.php) After including the code suggested in step 9 everything seems to work.

Thanks again

My image looks fine in the WYSIWYG editor, aligned left or right with text wrapped around it. But when I publish, the text doesn’t wrap, so there is a gap across the whole page. This problem began two days ago when I upgraded to 2.6.

From reading this thread I conclude I have to add or alter code in the style sheet, but I know nothing about it and I’m afraid to tinker with the code. I copied the code from support topic 164999, step 9 and pasted into the bottom of the style sheet box but nothing changed so I erased it.

Can you kindly give step by step instructions to a groveling moron?

This is a major problem as far as I’m concerned. I’ve created the style for alignleft and alignnone, and added the additional !important and the text will still not wrap correctly around the image in IE7. Works great in FF.

The css for the theme is very minimal so there isn’t an issue for something in the stylesheet to be overriding the image alignment.

I’ve gone through the theme, and nothing pops out. This is a major problem and huge annoyance with 2.6.1.

The CSS code that OTto gave worked for me.

I’m NO php or CSS expert (bare beginner) but I can see that the additional code will modify how the browser displays the text / image.

Unless I’m mistaken, we’re ending up with themes whose basic CSS can’t deal with the alignment codes that 2.6 is generating?

In which case we all need to get friendly with these kinds of CSS ‘upgrades’ in order to fix.

Thanks for this thread.