Spectra Slider Block is an intuitive tool for Spectra Page Builder. Make use of the Slider block to create professional-looking, responsive sliders with ease. If you have an E-Commerce website, you can create visually stunning product sliders to showcase your products on your website.

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 the 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.

General Settings

Under General Settings, you can see Presets, Image/ Icon, Content, Separator, Call To Action modules.

Presets:

Slider blocks are a great way to display a variety of content on your website. They can be used to display images, videos, text, or even a combination of all three. Slider blocks also come with a variety of presets that you can choose from. These presets make it easy to create a professional-looking slider without having to start from scratch.

Image/Icon:

The icon or image will now be displayed in the slider block.

Here are some additional tips for enabling an icon or image for a slider block:

• If you want to use a custom icon, you can upload the icon file to your WordPress media library.
• If you want to use an image, you can either upload the image file to your WordPress media library or enter the URL of the image file.

Content:

• Enable prefix: This option allows you to add a prefix to the title of the slider block. The prefix will be displayed before the title of the slider block in the front end.
• Enable title: This option allows you to add a title to the slider block. The title will be displayed in the frontend, and it will also be used as the title tag for the slider block.
• Title tag: You can choose the HTML heading tag for the title tag.
• Enable Description: This option allows you to add a description to the slider block.

Separator:

You can add a separator between the title and the description of a slider block. In the Separator style dropdown menu, select the style of the separator that you want to use. You can also choose to place the separator after the title, after the prefix, after the icon or image, or after the description.

Style Options

The slider block style settings allow you to customize the appearance of the slider block. The settings include:

• Icon/image: You can customize the appearance of the icon or image in the slider block.
• Title: You can customize the appearance of the title, such as the font, size, and color.
• Description: You can customize the appearance of the description, such as the font, size, and color.
• Call to action: You can customize the appearance of Button Text Color, Background type, Background color, and Button Padding.
• Spacing: You can adjust the spacing between the elements of the slider block.