[Plugin: WP Photo Album Plus] How to float images left

Can you provide a link to the page? You will probably need to create/alter some CSS styles to do that.

It’s the most recent post here with the three photos from Kings Cross

https://tonyswash.com/Tony/

I want the photos in a row next to each other. Tried to work out the CSS but just couldn’t see how to get it to work.

Try this:

%%wppa%% %%photo=4677%% %%size=250%% %%align=left%%
%%wppa%% %%photo=4682%% %%size=250%% %%align=left%%
%%wppa%% %%photo=4685%% %%size=250%% %%align=left%%

(but leave the newlines out, you may replace them by a space or some   to influence the space between the images)

See this fragment of https://wppa.opajaap.nl/scripting-reference/

The fourth item (also optional) is ment for horizontal alignment. It can be one of the following:

%%align=left%%
%%align=center%%
%%align=right%%

Although it looks like %%align=left%% is the default, there may be a difference in layout between the two cases wheter you use %%align=left%% or leave the item out.

Thanks for the response but I already tried that and it doesn’t work. The problem is that I want to get each image to ‘float left’ rather than just align left. If the image aligns left then each image sits beneath the previous image snug against the left side. What I want is for each image to float left, that is for image to move up and to the left until it is sitting next to the previous image on the same horizontal position.

I got the effect I wanted by using this plugin

https://www.ads-software.com/extend/plugins/column-matic/

which allows me to create columns (in this case three) and to also insert some styling into each column to fine tune the photo position (padding, margins etc).

So my post now looks like this (minus the specific CSS styling)

[column class=”column1″]%%wppa%% %%photo=4677%% %%size=180%% [/column]
[column class=”column2″ %%wppa%% %%photo=4682%% %%size=300%% [/column]
[column class=”column3″ ]%%wppa%% %%photo=4685%% %%size=250%% [/column]

This puts the three images next to each other in a row.

If the image aligns left then each image sits beneath the previous image snug against the left side

Not if you omit the newline chars, so it should look like:

%%wppa%% %%photo=4677%% %%size=250%% %%align=left%% %%wppa%% %%photo=4682%% %%size=250%% %%align=left%% %%wppa%% %%photo=4685%% %%size=250%% %%align=left%%

See this example: https://beta.opajaap.nl/empty-page/
Scroll down to right below the widgets, and see the three images with the green borders.
The spacing is achieved by the themes css that has:

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

this class originally intented for single wp gallery images and is also present in the %%mphoto%% display

I tried your suggestion and it didn’t work – I think maybe something in my WordPress Theme (which is Thesis 1.85) is stop it from working.

But no matter – the solution I found using the plugin column-matic works very well and I think will allow me to be quite creative with placement of images.

Thanks for your time and effort on this.

Another way to get the WPPA images to float left is to wrap them in a div style. Here is an example with some additional styling to add a small gap between the photos.

<div style=”float: left; padding-right: 10px;”>%%wppa%% %%mphoto=4685%%%%size=145%%</div>