Image Carousel Settings
There’s a few helpful settings here to account for slide settings, durations, pagination, and number of slides. For the smoothest user experience, make sure your images are all the same size. Images have a caption, and optional additional caption on every slide. Captions are invisible if not entered.
Carousels come with three slides by default. To add an additional slide, open up the Block Settings in the inspector by clicking on the gear icon next to the feather icon.
Number of Slides to produce
Defaults to three slides. Removing slides will delete content so keep that in mind when reducing slide numbers.
Restart slides back at beginning after it has played through.
Enable Auto Slide
Automatically paginate between images in the carousel
Time in between slides (ms)
How many milliseconds do you want to have for each slide? 5000ms would be 5 seconds.
The backend WordPress admin will see a dashed outline around the carousel controls. The front end only has simple arrow controls. If you want to hide those, select this toggle. (Visible/enabled by default)
The indicators are the little dashed lines at the bottom of the carousel images to indicate how many total images there are. They are visible by default.
Responsive image loading
Load the srcset attributes so images look crisp on 72dpi and 144dpi screens. Source images must be large enough for loading in additional image sizes in higher resolution.
Set slides to have equal height
Uploading images of different heights can lead to the content height jumping up and down depending on which slide is active. Enable this setting to set the slide heights to the same to get rid of the jitter.
Additional CSS Class
Add a custom CSS class for additional styling or customization.