Docs

Documentation

How to build sliders with Gutenslider: the first slider, every setting, responsive options, content modes, the lightbox, custom CSS and code, and the update to 7.0.

Getting started

Install the plugin, add a slider, pick images and put blocks on top.

Settings reference

Every slider and slide setting, free and Pro: height, arrows, dots, effects, backgrounds, dividers, links.

Responsive settings

Different height, slides per view, spacing and navigation on desktop, tablet and phone.

Fixed vs changing content

One headline over every slide, or different content on each slide.

Lightbox

A lightbox that grows out of the clicked image; Pro adds thumbnails, zoom and captions.

Custom CSS & developers

Class names, CSS recipes, PHP filters for defaults, arrows and dividers, and the JavaScript hook.

Migrating from 6.x to 7.0

What changes in 7.0, what stays, and what to check after the update.

Looking for a step-by-step walk-through? Read the first-slider tutorial or browse the blog.