Using the Gallery Thumbnails tool in Website Builder

Last modified: Thursday November 30th, 2023

This article describes how to use the “Gallery Thumbnails” tool in Website Builder.

Adding gallery

  1. Drag & drop “Gallery” from the main toolbar: Using the Gallery Thumbnails tool  in Website Builder drag drop gallery website builder
  2. Choose gallery composition. Website builder gallery types:
    1. Thumbnails;
    2. Masonry;
    3. Background,
    4. List;
    5. Map;
    6. Slideshow:

    Using the Gallery Thumbnails tool  in Website Builder thumbnails gallery website builder

  3. You can change a Gallery type in the right toolbar:                                                                           Using the Gallery Thumbnails tool  in Website Builder gallery type website builder
  4. Select the gallery and click the pictures editing button  in the right toolbar: Using the Gallery Thumbnails tool  in Website Builder sellect gallery website builder
  5. Click “Add Pictures” to upload pictures. Add pictures titles, links, addresses, and descriptions: Using the Gallery Thumbnails tool  in Website Builder add picture website builder
  6. Set gallery size or “Allow to adjust size automatically” in the right toolbar:            Using the Gallery Thumbnails tool  in Website Builder gallery size website builder

Customizing gallery

  1. Background: Select the gallery and click background to choose the background color/opacity in the right toolbar: Using the Gallery Thumbnails tool  in Website Builder gallery background website builder
  2. Thumbnails: Write thumbnails width, height, padding, and border.
  3. Slideshow: Set picture change frequency and transition duration in the right toolbar.
  4. Captions: Set how to show picture caption, background color, and text style in the right toolbar.

Customizing “Gallery Map”

  1. Gallery pictures:
    Click the pictures editing button in the right toolbar and add the picture’s title, link, address, and description.
    If a picture has GPS coordinates data, a map will recognize the location automatically.
  2. Google maps:
    Specify “Map center” by writing coordinates, address, or setting marker, and write “API Key” to set map location in the right toolbar.
    Customize the map’s zoom level, theme, map type, and marker type, and set other map options.
  3. Captions: Set how to show picture caption, background color, and text style in the right toolbar.

 

Build your own free professional website with Beehosting Website Builder.

Was this article helpful?
Views: 104

10 Years Beehosting!
Celebrate with 70% OFF + FREE Site Transfer.

Beehosting.pro website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Menu