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.