Help positioning images

click on the image in WYSIWYG editor and edit settings.
Select align to left.
I hope this helps.

I’m sorry, what is the WYSIWYG editor?

For example, on the About page of my site, for the first photo, I have this in the page html:

<div class="image"><a href="https://doehrmann.com/wordpress/wp-content/uploads/2014/02/56584_117464211649566_6353070_o.jpg">
<img class="alignnone size-medium wp-image-56" alt="56584_117464211649566_6353070_o" src="https://doehrmann.com/wordpress/wp-content/uploads/2014/02/56584_117464211649566_6353070_o-271x300.jpg" width="271" height="300" /></a></div>

And then this in the Custom CSS:

.image {
    float: left;
}

Shouldn’t that at least be selecting the right image?

https://en.wikipedia.org/wiki/WYSIWYG

see this video: https://www.youtube.com/watch?v=X0s4OuNqKo0

yeap, but you’ve got inline “alignnone”
remove it or change to: alignleft

I don’t see custom css, maybe it’s not included ?

or paste `.image {
float: left;
}`
to main style.css in theme

I already tried changing it to alignleft, that didn’t work. See, but I want to control it in my CSS not make a gallery of images like in the video.

Can anyone help me with the coding behind this?

You could use one of the underlying bootstrap classes to help in these situations. It’s “pull-left”.

So your img code would be:
<img class="alignnone size-medium wp-image-56 pull-left" ....

Being a Bootstrap class, it will only work if you use this theme, or other themes that use bootstrap.

That doesn’t seem to be working exactly, and what I mean more than aligning it to one side or the other is how to position it in my css with the .image class. It’s not working to do that. Am I missing something?

If you want to use your “image” class, then floating it left will do nothing, because by default the div will be 100% wide.

If you want to get fancy with your Customizr layouts, start here.

I see you remove the div with class “image”.
Now you can change “alignnone” to “alignleft” in the picture class.
and the image will be displayed on the left side of the text