Build a slide from content and a background

Content Slider Block Pro extends the Content Slider Block in the Gutenberg editor. Each slide can contain a title, description, and call-to-action button over a color, gradient, or image background. Responsive column settings adapt the layout for desktop, tablet, and mobile screens.

This format can fit hero sections, promotional announcements, campaign messages, image showcases, and other page content presented in sequence.

Arrange slides and position their content

Sortable slide management lets you reorder slides with drag and drop, changing the sequence of headlines, offers, visuals, or calls to action. Background, typography, color, button, border style, and content-position controls shape each slide. Place content in a preset location or drag it into position within the slide.

Choose how the slider moves

Advanced autoplay settings let you set a delay, disable autoplay after interaction, reverse direction, pause when the mouse enters, or stop on the last slide. Free Mode allows movement during dragging, while 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. Available transitions include Slide, Fade, Creative, Cube, Coverflow, Flip, and Cards.

Set the controls for each device

Pagination and navigation can be shown or hidden. Available options include dynamic styles, clickable pagination, and dynamic bullets. Pro includes controls to show or conceal pagination and navigation on tablet and mobile layouts.

Style and place the slider

Background and padding settings apply to the slider wrapper. Shortcode support lets you place a configured slider where shortcode placement is appropriate. In Gutenberg, slide content and settings remain available from the right-side settings sidebar.

Set up a slider

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.