left align image not working

It doesn’t look like the CSS has been applied. Where did you put it?

Nope – it is there – I added the recommended CSS in the customizer Additional CSS section. The other pages shows how it looks without the special classes.

I didn’t say it wasn’t there, I said it wasn’t being APPLIED, which it isn’t.

The “image-left” in the shortcode doesn’t seem to be taking effect for you, which would be why the CSS isn’t being applied, because it’s addressing the .image-left class which isn’t being outputted. https://imgur.com/a/wDXD4f7 I don’t have an answer for that, but you can tweak the CSS to work in spite of that.

In the CSS, try deleting “.image-left”

That will solve it, but it will also effect anywhere else you are using the shortcode, whether you tried to use image-left or not.

You need to add the image-left class to the listing itself. The wrapper currently has the default class of “display-posts-listing” (screenshot)

Add this to your shortcode: wrapper_class="display-posts-listing image-left"

After some tinkering, here is a much simpler solution. Don’t add any wrapper_class at all, and just add these two lines to the css:

.listing-item {clear:both; padding-bottom:20px}

.listing-item > .image {float:left;}

Yes, that works, but it will apply to every instance of Display Posts throughout your site.

The purpose of the wrapper class is to add a unique class to this specific listing so you can target your CSS styles to only that one.