Adding a responsive gallery to a page on your website

The gallery widget provides you with a simple way to display a photo gallery or slideshow in your blog's sidebar or any internal page. You can also import the gallery widget into the text editor.

Step 1. On your Dashboard go to Pages and navigate to the page you wish to add the gallery.

Step 2. Scroll to the Page Widgets area and find the Gallery widget.

Step 3. Drag and drop the widget to the container you want to display the gallery widget. Top, Left, Right or Content.

Step 4. Click Add Images and select/upload the images you want to display in your gallery.

TIP:  You can add a title, caption, alt text, and description to each image.

Step 5. Click Create a New Gallery. Edit your gallery using the editor panel.

TIP: In Gallery Settings you can choose to link your gallery to an attachment page, media file or none. 

Step 6. Select how many columns: 3, 4, or 6. 

Step 7. Click Insert Gallery and save your changes.

NOTE: Our improvements now make all images responsive and sit properly on the page next to each other. Also when clicking on an image, we have introduced fancy box, which allows you to preview the image without having to navigate to another page. This is especially helpful when adding a gallery on a sidebar in the inventory details page, or even on the homepage.