Gallery Slider

In addition to Gallery Grid, another presentation way of galleries in TheGem is Gallery Slider element.

Check this demo page showing gallery sliders in TheGem:

https://codex-themes.com/thegem-elementor/pages/galleries/galleries-04/

Note: all this styles can be easily customized to meet your individual design needs. No coding needed.

You can find “Gallery Slider” element in editing panel of Elementor in “TheGem Elements” group

Content Tab

Layout

Aspect Ratio: with this setting you can choose between “wide” and “normal” image aspect ratio in gallery slider. “Normal” aspect ratio is useful for the cases, if you wish to insert gallery in a relative narrow column or if there is a sidebar on your page. “Wide” aspect ratio is good for full width.

Slides

In this section you can add slides to your gallery slider. Slides are presented as items in a repeater control, where you can add more slides by clicking on “Add Item” button or remove slides by clicking in “X”. By clicking on an item the slide’s content settings will open

Here you can specify:

• Image: select image for the slide
• Title & Subtitle: optionally you can type in title and subtitle/description, which will appear on the image on hover

Options

Thumbnails bar: thumbnail bar appears below the main slide. Here you can enable/disable this bar for the gallery slider

Navigation Dots: in addition to (or instead of) thumbnails bar you can add a paginator to your gallery slider in form of navigation dots

Autoplay: with this option you can enable autoplay and set autoplay speed

Style Tab

Image Style

Settings for customizing image appearance. In “Hover” tab you have “Hover Effect” setting with 5 different presets for hover effect, which can be further customized with additional settings. You can also specify, if you wish to show icon on hover, select this icon and customize its appearance

Title & Description

Here you can customize the look of the title and subtitle/description which appear on image hover (in case title & subtitle have been specified in Content tab -> Slides.

Slider Arrows

Different settings to customize position and appearance of arrows in slider.

Thumbnail Arrows

Thumbnail arrows automatically appear in thumbnail bar in case of many images in slider. Here you can customize the style of this arrows.

Navigation Dots

Settings to control the look of navigation dots in case they have been activated in Content tab -> Options section.