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

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.

 

 

 

How to Edit Design

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

Manage

 

 

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.
 

Navigation
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. 
 

1