Content Slider Block Pro

Content Slider Block Pro extends Content Slider Block for Gutenberg with settings for slide content, layout, playback, appearance, and placement. Each slide can combine a title, description, and call-to-action button with a color, gradient, or image background. Responsive column settings adapt the slider layout for desktop, tablet, and mobile screens.

Set slide content and order

Background, typography, color, button, and border settings let you shape each slide. Position content in a preset location or drag it into place. Drag and drop also lets you reorder slides, changing the sequence of headlines, offers, visuals, or calls to action.

Sliders can present hero sections, promotional announcements, campaign messages, image showcases, and other content arranged in sequence.

Configure playback and movement

Autoplay settings include a delay, disabling autoplay after interaction, reversing direction, pausing when the mouse enters, and stopping on the last slide. Free Mode enables movement during dragging. Sticky helps maintain a settled slide position.

Visitors can move through slides with the keyboard or mousewheel, as well as touch and on-screen controls.

Choose effects and navigation controls

Available transitions include Slide, Fade, and Creative. Pro includes Cube, Coverflow, Flip, and Cards effects. Pagination and navigation can be shown or hidden; pagination options include dynamic styles, clickable pagination, and dynamic bullets.

Device visibility settings let you show or hide pagination and navigation on tablet and mobile layouts.

Style the wrapper and place the slider

Background and padding settings apply to the slider wrapper, helping define its space within a page. Shortcode support lets you place a configured slider where shortcode placement is appropriate. In the Gutenberg editor, slide content and settings remain available in the right-side settings sidebar.

Install and set up

1. Install and activate the Content Slider Block plugin.
2. Open a page or post in the Gutenberg editor.
3. Add the Content Slider block from the Content Slider Block category.
4. Create slides, add content, and configure backgrounds, controls, effects, and responsive settings.
5. Set slide order, autoplay, navigation visibility, and wrapper styling with the Pro options, then publish the page.