You can display either two or three images side by side on a page.
The available layouts are shown on the Playground page of your website and involve using shortcodes.
Click here to read an article about the Playground. The Playground is your friend!
Click here to read an article about shortcodes. Shortcodes are your friend!
The shortcode for the three-image layout will look something like this (the URLs will be different, based on the name of your site):
[image_flex columns="3"]
[image_col url="https://www.swstaging.co.uk/demonstration/wp-content/uploads/ScoutWebsites-ImageLibrary-8.jpg"][image_col url="https://www.swstaging.co.uk/demonstration/wp-content/uploads/ScoutWebsites-ImageLibrary-37.jpg"][image_col url="https://www.swstaging.co.uk/demonstration/wp-content/uploads/ScoutWebsites-ImageLibrary-85.jpg"]
[/image_flex]
All you need to do is to replace the URLs with those of the photos you want to display.
Three is the maximum number of columns.
If you wanted another row – making six photos in total – simply copy the entire shortcode and repeat the process.
This is the same process as outlined above. Simply copy the relevant shortcode from your Playground page.
Notice that the opening tag is [image_flex columns="2"].
The closing tag is the same: [/image_flex]
There is also a shortcode for a one-image layout.
You may find this useful because the dimensions of the image will match the other layouts.
