---
title: "Slider"
date: 2020-11-17
author: "nK"
---

# Slider

Items become slides of a carousel (the Swiper library).

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.51.30-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.51.30-1024x582.png)    ## Effect, speed, autoplay

SettingValuesDefaultNotes**Effect**Slide, Coverflow, FadeSlideFade shows one slide at a time; Slides Per View and Centered Slides are hidden for it**Speed (in Seconds)**0 to 5, step 0.10.3Duration of the transition**Autoplay (in Seconds)**0 to 60, step 0.26Interval between slides. 0 turns autoplay off**Pause on Mouse Over**on / offoffShown when Autoplay is above 0![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.52.15-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.52.15-1024x582.png)    ## Height

SettingValuesDefaultNotes**Items Height**Auto, Static (px), Dynamic (%)Dynamic (%)Auto uses the image ratio. Static is a fixed pixel height (30 to 800, default 300). Dynamic is a percentage of the slide width (10 to 300, default 80), so the height scales with the screen**Items Minimal Height**CSS length, for example `300px` or `80vh`emptyShown for Static and Dynamic. `100vh` gives a full-screen carousel. Values in `vh` do not show in the editor preview## Slides

SettingValuesDefaultNotes**Slides Per View**Auto, Custom (1 to 6)Custom, 3Auto sizes slides by their content width. Hidden for the Fade effect**Centered Slides**on / offonThe active slide sits in the middle; off keeps it at the left**Loop**on / offoffThe carousel wraps around**Free Scroll**on / offoffSlides do not snap to positions**Free Scroll Sticky**on / offoffWith Free Scroll on, snap to the nearest slide when the movement ends## Navigation

SettingValuesDefaultNotes**Display Arrows**on / offon**Display Bullets**on / offoffBullets under the carousel**Dynamic Bullets**on / offoffShown when bullets are on. Bullets only for the slides near the active one**Mousewheel Control**on / offoffScroll the carousel with the wheel**Display Thumbnails**on / offoffA second carousel of thumbnails under the main one**Thumbnails Gap**0 to 150 px15**Thumbnails Height**Auto, Static (px) 10 to 400, Dynamic (%) 10 to 200Static, 100**Thumbnails Per View**Auto, Custom 1 to 14Custom, 8## Gap

**Gap** (0 to 200 px, default 15) is the space between slides. Vertical Gap does not apply.

## Small screens

A custom Slides Per View steps down with the screen width:

Slides setAbove 1200 px993 to 1200 px769 to 992 px577 to 768 px321 to 576 px320 px and below66543215543211444321133332112222211Thumbnails Per View follows the same rule. See [Responsive behaviour](https://staging.visualportfolio.com/docs/gallery-blocks/layout/responsive-behaviour/).

Elementor sites: the plugin uses Elementor’s own copy of Swiper to avoid loading two versions.