Text Does Not Flow Around Image

See https://codex.www.ads-software.com/Wrapping_Text_Around_Images

Thank you so much for this link. I’m afraid it is beyond me for so many reasons. First, there are so many css files. I tried putting it

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

in the wp-content/themes/utility/style.css with no change, so I tried various other places like wp-content/themes/utility/design/beta/css/utility_common.css, and a few other places but I’m not sure if I need { and } around it. Anyway, it didn’t work and I’m not sure why. I’m using the latest version of WP and the theme “utility” was last updated 2012/07/07 so it is current. It seems to me that I shouldn’t need to alter the Theme Code.

Do you have any other ideas?

Thanks!

You shouldn’t need to add that CSS anywhere – it’s supposed to be included in all WP themes. You should be able to just set the alignment on the image when you insert it – and then the text should go to the other side of it. And that is done correctly here on your page:

<div id="attachment_75" class="wp-caption alignright" style="width: 176px">

The theme CSS is floating it to the right – all good.

But, here’s where the problem is – the next line of text here:

<p>
<strong>
<span style="font-family: verdana,geneva; font-size: 12px; color: #800000;">Which of these business challenges do you face?</span>

has this CSS applied to paragraph tags:

.k_main .description p {
    float: left;
    line-height: 25px;
    margin-bottom: 20px;
    width: 100%;
}

And that float: left is causing that problem…

You could try changing that float – though changes really should not be made in theme files but rather using Custom CSS or a Child Theme – so that your changes aren’t overwritten when the theme is updated.

Also, I’m not sure if changing that float will mess up other places on your site. You could try it and see – we can also add some custom CSS to work around that if it’s a problem.

Thank you. I tried changing the style.css to

}
.k_main .description p {
margin-bottom:20px;
line-height:25px;
float:right;
width:100%
}

but it didn’t help so I changed it back.

Try float: none; – not positive that will do it, but worth a try.

Hallelujah!!!!! That did it! Thank you so VERY MUCH!!!!!

New Question. In the widgets on the right I can’t seem to get rid of “Tag Cloud”. I have dropped it into Inactive Widgets and it just duplicates, leaving one in Inactive and the original in the Active.

LOL – glad to hear that ! These kinds of things can be quite crazy-making.

Indeed, and I have spent hours and hours looking for answers. You’re a Godsend. Thank you!