All Collections
The Media Elements
Fluid Grid and Fixed Grid Galleries
Fluid Grid and Fixed Grid Galleries

The Fluid Grid and Fixed Grid Gallery Elements allow you to easily add a gallery of images neatly and organized as one element.

Webydo Support avatar
Written by Webydo Support
Updated over a week ago

How to edit the design

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

How to add & delete images

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

Fluid Grid Image Settings

  • Image Fitting

Use this drop down menu to set how your images fit within their bounding box. 

  • Columns

Use this section to edit the number of columns for desktop, tablet, and mobile breakpoints.

  • Image Height

This will set the image height for all images and all breakpoints. 

Fixed Grid Image Settings

  • Image Fitting

Use this drop down menu to set how your images fit within their bounding box. 

  • Image Width and Height

This will set the image width and height for all images and all breakpoints. 

  • Image Padding

Edit the padding around all sides of your images within the gallery.

Hover Effects

Use the drop down menu's to choose up to two hover effects for your images. You are also able to edit the transition speed. 

Text Properties

Display Title, Description and Background
Use these checkboxes 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 Title Style and Description dropdown options 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 Position

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

Text Background Color and Stroke Settings
Use these options to edit the color and stroke of the background section.
Here you are also able to edit the opacity as well as a radius (to round the corners)

Preview or Publish to see your amazing Galleries in action. 

Did this answer your question?