Blog

Tutorials and release notes

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

  • Setting Slider Defaults with PHP WordPress filters (Pro)

    The situation might occur when you are building a website for a customer or yourself and you want to change the default settings of Gutenslider. This short post explains how…

    Read →

  • WordPress Slider custom scripting

    Gutenslider Custom Javascript scripting

    On custom websites with complex designs, there might be the need for more options than Gutenslider has to offer out of the box. In this post we show you, how…

    Read →

  • Gutenslider Slider Block Follow Mouse

    Arrows Follow Mouse WordPress Slider (Pro)

    In Gutenslider Pro the arrows can follow the mouse pointer over the slider. How to turn it on, and how it looks.

    Read →

  • Skyline glowing at night

    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…

    Read →

  • Giant mural on a city building

    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.

    Read →

  • Gutenslider x lightGallery

    We are very happy to announce a collaboration with lightGallery, which is not only one plugin for image popups but THE number one plugin when it comes to user ratings…

    Read →

  • 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…

    Read →

  • Gutenslider supports webp images

    Have you already heard of the new standard for web images from Google? webp is promising to produce much smaller file sizes, which means faster loading times and better SEO…

    Read →

  • 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…

    Read →

  • Row of colorful townhouses

    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.

    Read →

  • 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.…

    Read →

  • Gutenslider 5.0 out now!

    We are very happy to announce a big update for Gutenslider. We worked on it for almost half a year now and it will bring lots of improvements for you…

    Read →

  • woman standing beside wall

    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…

    Read →