Skip to main content
All CollectionsThe Media Elements
Full Width and Slide Show Galleries
Full Width and Slide Show Galleries

The Full Width and Slide Show Gallery Elements display a gallery of images in manual or automatic slide-show fashion.

Webydo Support avatar
Written by Webydo Support
Updated over 11 months ago

The Full Width and Slide Show Gallery Elements display a gallery of images in manual or automatic slide-show fashion.

How to Edit Design

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

How to add & delete the photos

  • Click on Manage, 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.

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

Image Transition and Hover Effects
Use the Image Transition dropdown to set your Image Transition effect

Use the Hover Effect dropdown options to add up to two hover effects

Edit your Transition Speed

  • Bullet Colors

Edit both your Bullet Color as well as the Hover/Active color setting

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 Galleries in action.

Did this answer your question?