http://www.webydo.com/IP_Master_PT_RTL.master.css
Knowledge
Base.

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. 

 

 

How to Edit Design

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

 

 

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

 

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. 

0