Summary

  • Overview
  • Adding Gallery Caption
    • Gallery Caption in Slider
  • Slider Layout for Gallery
  • Gallery Caption
    • Presets
    • Gallery Caption Options
    • Image Hover Effects
    • Using Text
    • Text Options
    • Arrow and Indicators
  • Gallery Caption in Mobile Views

Overview

Use the Gallery Caption to display the Gallery Images as Slides with Captions. You can also use Captions to describe Images. If you need to organize various Elements in Slides, please use the Slider Element.

image-slider.png

Adding Gallery Caption

You can add the Gallery Caption Element from the Add Elements list in the Top Bar.

gallery-caption.png

Gallery Caption in Slider

The Gallery Caption Element is also available in the Slider section of the Add Menu.

gallery-caption-slider.png

Slider Layout for Gallery

Using the Layout option, you can convert any existing Image Gallery into the Gallery Caption.

image-slider-layout.gif

Gallery Caption

Presets

There are Gallery Caption Presets for a quick start. You can also use other Gallery Presets and compare layouts за the Presets to see the difference and select the most appropriate layout for your needs.

gallery-caption-presets.png

Gallery Caption Options

You can set the Gallery Caption Options similar to other Gallery layouts.

image-caption-options.png

Image Hover Effects

You can apply the Effects on Image Hover.

gallery-caption-image-hover-effects.gif

Using Text

You can enable and disable the display of Text for the Gallery Caption. If you disable the Text display for the Gallery Caption, it will still appear for the Zoom Image On Click option.

image-slider-turn-on-off-text.png

Text Options

For the Gallery Caption, you can use the Text Style options to add background and border for the Text.

image-slider-text-options.png

Arrow and Indicators

You can stylize the Arrows and Indicators of your Gallery Slider with the properties in the Property Panel.

gallery-caption-arrows-indicators.png

Gallery Caption in Mobile Views

You can modify the size and position of the Gallery Caption in each Mobile View.

image-slider-responsive.png

## Summary - Overview - Adding Gallery Caption - Gallery Caption in Slider - Slider Layout for Gallery - Gallery Caption - Presets - Gallery Caption Options - Image Hover Effects - Using Text - Text Options - Arrow and Indicators - Gallery Caption in Mobile Views ## Overview Use the Gallery Caption to display the [Gallery](page:98179) Images as Slides with Captions. You can also use Captions to describe Images. If you need to organize various Elements in Slides, please use the [Slider](page:97200) Element. !image-slider.png! ## Adding Gallery Caption You can add the Gallery Caption Element from the Add Elements list in the Top Bar. !gallery-caption.png! ### Gallery Caption in Slider The Gallery Caption Element is also available in the Slider section of the Add Menu. !gallery-caption-slider.png! ## Slider Layout for Gallery Using the Layout option, you can convert any existing [Image Gallery](page:98179) into the Gallery Caption. !image-slider-layout.gif! ## Gallery Caption ### Presets There are Gallery Caption Presets for a quick start. You can also use other Gallery Presets and compare layouts за the Presets to see the difference and select the most appropriate layout for your needs. !gallery-caption-presets.png! ### Gallery Caption Options You can set the Gallery Caption Options similar to other [Gallery](page:98179) layouts. !image-caption-options.png! ### Image Hover Effects You can apply the Effects on Image Hover. !gallery-caption-image-hover-effects.gif! ### Using Text You can enable and disable the display of Text for the Gallery Caption. If you disable the Text display for the Gallery Caption, it will still appear for the Zoom Image On Click option. !image-slider-turn-on-off-text.png! ### Text Options For the Gallery Caption, you can use the Text Style options to add background and border for the Text. !image-slider-text-options.png! ### Arrow and Indicators You can stylize the Arrows and Indicators of your Gallery Slider with the properties in the Property Panel. !gallery-caption-arrows-indicators.png! ## Gallery Caption in Mobile Views You can modify the size and position of the Gallery Caption in each Mobile View. !image-slider-responsive.png! ##