Slider Block

This block will show the carousel/slider with dynamic content.

Add Slider Block: #

In your Gutenberg editor, find the Slider Block and insert, just like other blocks.

Slider Insert

Settings/Options: #

Sidebar Settings: #

Select the block, you will see the settings option in the right sidebar. There are two options, General and Style.

In General, you can change the main settings of the slider block.

And in Style, you can style the block.

Slider Right Sidebar

Add or Remove slides: #

In the right sidebar, you can see the option for Add or Remove slides.

In this setting, you can change the Background, Content Position, Title, Title Color, Description, Description Color, Button Colors, Button Hover Colors of each slide.

Also, Remove and Duplicate the slide and Add New Slide.

Slider Add Remove Slides

Layout Settings: #

In layout settings, you can change the column number with different devices for responsiveness.

Also, you can change the gap between slides. And set the width and height of the slider.

Slider Layout Settings

Slide Settings: #

In Slides settings, here you can change the slider main settings. Such as slider loop, touch move, autoplay, speed & delay, Effect, pagination, and many more!

Slider Options

Slider Options Style: #

Switch to Style Tab and you can see the Options Style Options.

You can change the Pagination Bullet’s color, width, height, and border from here.

Also can change the Preview Next Button Color.

Slider Options Style

Title and Description Style: #

From here, You can change the show/hide title and description, and change their typography and margin.

Slider Title Description Style

Button Style: #

You can change the Button Visibility, Typography, padding, and border from this option.

Final Output: #

Slider- Default, Image Background

Powered by BetterDocs

Leave Reply Comments

Your email address will not be published. Required fields are marked *

  • X