Page Comparison

...

1. In a new block or column, click “Widget”.

   Image Removed

2. Select “Photo Gallery” in the Widget list.

   

3. Click “OK”.

   

4. Click “Configure”.

   

5. Complete the Wizard:

   Image RemovedImage Added

   1. No. Of Columns: Select how many columns the photos will be distributed across in the Gallery.

   2. Add Images: Click this button to select an image already uploaded, or to upload a new image.

   3. Re-order: Click “Re-order” to drag and drop the images into a new order. Click “OK” to return to the main wizard.

   4. Caption: Enter the caption for the photo which will appear at the bottom of the Photo.

   5. Column Span: Select how many columns you would like the Photo to take up.

   6. Change: Click “Change” to swap out the Photo with another.

   7. Bin: Click the red rubbish bin to delete the photo from the Gallery.

   8. Visibility: Select whether this page element is visible when viewed on devices of different sizesPage Jump Links: You can add a button at the top of the page to jump to this component when clicked. Enter the link name (for the link itself) and the caption (for the button).

   9. Device Visibility: This page element can be hidden on devices of different sizes by de-selecting the appropriate options. E.g. If you do not want it displayed on mobile phones, de-select the “Phones” option.

   10. Custom CSS: If you have added any custom CSS in Site Styles & Colours, you can add CSS classes here that you want to be applied to this component.

   11. OK: Once happy with the details, click “OK” to save the Photo Gallery.

6. This is the result:

   

...