No results found. Try again with different words?

Search must be at least 3 characters.

Designing Custom Navigation for Your Slider

The purpose of this document is to provide guidance on how to utilize the Custom Navigation feature to navigate the slider. With the availability of classes to navigate the slider, users can leverage this feature to create navigation links using any block of their choice.

Use of Slider Block in Spectra

This slider is a great slider module that you can use to showcase images, display some text, and also you can put a CTA on it. For this reason, it can be a quick way to create a hero slider. You also have customization options, like setting the typography, colors, or style of your text. The slider has the option to set a slider background image, where you can adjust the size of the image.

How to use Slider block?

First, make sure you have installed and activated the Spectra plugin.

To insert the Slider block, click the Toggle block inserter + icon and look for the Slider block.


You must have the Spectra Pro installed and activated in order to use the Custom Navigation feature.

Custom Navigation in Slider Module

The Custom Navigation option will help user to create their own custom-styled navigation buttons/icons to navigate the slider. You can use slider-************-prev and slider-************-next classes (although these class names may differ in your particular scenario) to create custom links to navigate the slider.

To gain a more comprehensive understanding of this functionality, it is recommended to view the accompanying video.

Was this article helpful?

Did not find a solution? We are here to help you succeed.

Related Docs
Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.