Blog
Tutorials and release notes
How-tos for Gutenslider: building sliders, captions, arrows, parallax and links to single slides.
-

Link to a single slide with hash navigation
Turn on “Link to each slide” and every slide gets its own address: name it, share a link that opens the slider on that slide, or jump to a slide…
-

Custom SVG arrows for your sliders
Prepare an SVG, register it with the gutenslider_arrows filter and pick it in the block settings, step by step.
-
Full Quality Images with Gutenslider
We are receiving many user requests, notifying us about the blurry image quality on full size sliders and how to fix it. This is not a Gutenslider issue but the…
-
WordPress Slide Text next to Image
A user on the WordPress support forum asked if it was possible to place the text on the side next to the image. The answer is: yes it is. Gutenslider…
-

Custom CSS recipes for Gutenslider
Scoped CSS for common requests: dim the neighbouring slides, round the corners, style captions and set a default divider color.
-
Gutenslider Progress Styles
Gutenslider Pro allows you to change the style of the progress bar and choose from 4 different settings.bullets, dynamic bullets, fraction, and progress bar as well as set the position.…
-

Adding Background Overlays
You have to go to the Block settings of the individual slides which you can either reach from the block outline from the top toolbar, or by changing Gutenslider to…
-

Adding Text only Slides
In this video we show you how to add slides without background images or background videos (pro). You can just set the background of any slide you want to transparent…
-

Arrow styles, positions and arrows that follow the mouse
The arrow options of Gutenslider: eleven styles, size and colors in the free version; positions, offsets, blend modes and mouse-following arrows in Pro.
-

Automatic captions from the Media Library
Show each image’s title, caption or description on its slide, without typing it again, and how to place and style the caption.

