wrapping text around image

Edit the Post, select the image in the Editor, click the icon to align the image to the LEFT. Text should wrap/flow around it.

If you know how to code CSS, it looks like that image has a CSS class, “getty” …you can try adding this to your style.css, only as a last resort.

.getty {
float: left; /* Float images with class getty to the left */
margin: 10px 10px 10px 0; /* Margins for Top, Right, Left, Bottom */
}

Cheers

Unfortunately the first one didn’t work… I clicked the image in edit mode and then selected the left alignment, nothing. But I tried to click right alignment and the image didn’t move to the right side. Also, I’m not an expert w/ coding CSS. Is it maybe because I put the image in after writing the script? Or because to post the image I went to edit post, then instead of visual mode, i posted the code into “text” where I wanted it.

Hmm, there are a few reasons why image alignment isn’t working. Can you do a test? Can you create a new Post, type some generic placeholder text, then insert that same image? Then try to align it left and see if the text wraps around the image.

If that doesn’t work, these are some potential symptoms:

1. Your theme does not have the proper CSS alignment styles. Contact the Developer.
2. Something is overriding the image alignment. But the code I gave you should fix that.
3. The image you’re using might have extraneous code/scripts that carried over if you pasted it. You should only upload & add images in the editor with Add Media button.

Sometime themes are buggy when you go from Visual and Text mode in the Editor—you could lose formatting. But this is not normal behavior in WordPress. The theme could be acting strange.

Image alignment is a mandatory styling with all WordPress themes. If images do not align left, right, center, etc. then there is an issue with the theme.

Unfortunately the test post didn’t work either. The image would not realignment right or center either.

Where do I post the code you mentioned? How do I access CSS?

Hey there, since you don’t know CSS lets try to help with a plugin…

https://www.ads-software.com/plugins/simple-custom-css/

1. Install and activate Simple Custom CSS plugin.
2. Copy-paste the CSS code I supplied (above) into the plugin’s settings screen.
3. Save plugin settings and refresh your browser page to see if that resolves the issue with that specific image.

Lastly, you can also append your custom CSS with this code below. This CSS should make all images on your site respect left, right, center alignment.

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

Good luck!