# Docs

URL: https://gutenslider.org/docs/
Updated: 2026-10-15

> Gutenslider documentation: getting started, settings reference, responsive settings, content modes, lightbox, custom CSS and migrating to 7.0.

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](https://gutenslider.org/docs/getting-started/)

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

### [Settings reference](https://gutenslider.org/docs/settings/)

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

### [Responsive settings](https://gutenslider.org/docs/responsive/)

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

### [Fixed vs changing content](https://gutenslider.org/docs/content-modes/)

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

### [Lightbox](https://gutenslider.org/docs/lightbox/)

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

### [Custom CSS & developers](https://gutenslider.org/docs/developers/)

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

### [Migrating from 6.x to 7.0](https://gutenslider.org/docs/migrating-to-7/)

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](https://gutenslider.org/gutenslider-tutorial-how-to-add-sliders-to-your-wordpress-website/) or browse the [blog](https://gutenslider.org/blog/).