Editing your thumbnail gallery

The Thumbnails Gallery displays a gallery of images in a manual or automatic slide-show fashion.​

Manage

Click on Manage (located in the Properties Panel), or double click the gallery to open the Manage Gallery window.

Add images by clicking the + Add Images button. 

Delete all images at once using the Delete All button.  

Replace an existing image using the Replace Image button. 

Click and drag the images to re-arrange their order.

Click on the trash can icon when hovering over an image to delete a specific image from the gallery. 

Edit the Title and Description for each image within the gallery - these are what displays as the caption. 
 

Gallery Properties

Image Fitting

Cover tells the browser to make sure the image always covers the entire container, even if it has to stretch the image or cut a little bit off one of the edges.

Contain, on the other hand, says to always show the whole image, even if that leaves a little space to the sides or bottom.

Navigation

Turn on or off the Arrows and Autoplay by unchecking the respective boxes. 

Image Transition and Hover EffectsUse the Image Transition dropdown to set your Image Transition effect

Edit your Transition Speed using the transition delay option.
 

Text Properties

Display Text

Use this dropdown to set which text is displayed within the gallery. This text is the same text entered into the Manage Gallery window.

Paragraph Styles

Use the dropdown option to set the paragraph style used for Title and Description. This style sets the Font, size, color and all paragraph style settings for your Title and Description.

Text Transition and Delay

Use the dropdown to set your transition animation.Transition delay is the time between transitions, and transition duration is the time it takes for the effect to take place. 

Text Position

Use the Vertical and Horizontal position inputs to set the relative position of your Title and Description text for the gallery. 

Preview or Publish to see your amazing gallery in action.​

How to Edit Design

Use the Properties Panel to edit all design fields for the galleries.

Thumbnails

Edit the background colour as well as the stroke colour of the thumbnails section at the bottom of the gallery.

enlarge  Click image to enlarge

THUMBNAIL GALLERY

enlarge  Click image to enlarge

Thumbnail Lightbox image enlargement on clicking image

enlarge  Click image to enlarge

enlarge  Click image to enlarge

Here to ensure nothing stops you from succeeding.

Simple is as simple does, with our easy step by step, code-free knowledge base to help you edit your website.​

Credits: Website illustrations courtesy of Freepik from Flaticon.com

Powered By:

website design, logo design, branding, brands, low cost print, cheap printing, social marketing,

Send

Thank You!

Your message has been

successfully sent.

Name

This field is required.

Email

This field is required.

Website address

This field is required.

A brief outline of what you need, your market and any issues

This field is required.

Challenge Us

TO TELL YOU WHAT WE'D DO

To Re-Energise Your Business

It costs nothing to ask. Simply add your details below and we'll get back to you with few ideas that could add the spark your business needs.

Let's talk.

Tell us what you think, share with others, see our latest offers and keep up to date with all the latest info that could help your business and your brand.

Join Us, Like and Share

Social Media /

And if you still need any more proof of our passion for big ideas, great design and the results they bring, then please check out some of our testimonials and our portfolio examples, because we truly understand the difference it can make to your brand and your sales. 

Stand Out