What are you looking for?

Get help quickly.

Building Your Site

Create a Cover Slider

Build a cover slider, or carousel, for your website to highlight images and text.

Last updated on 02 Mar, 2026

Cover sliders are a specific block, great for highlighting text or special events. Let's look at the steps:

Step 1: Insert Cover Slider Block

  1. Open the block inserter and type cover slider.

  2. Click to add the cover slider block to your page.

Snapshot

Step 2: Manage Your Covers

  1. Go to your document overview to view the cover slider.

  2. Each dot below the slider on the page represents a cover; by default, two covers are created.

  3. To add more covers, select a cover and choose duplicate in options.

You can now edit the new covers added to your slider.

Snapshot

Step 3: Customize Your Cover Backgrounds

  1. In the document overview, select the cover to edit.

  2. Add a background image by clicking Add Media.

    • Choose an image from the Media Library, or upload from your computer.

Snapshot
  1. Adjust overlay opacity on a photo under Styles.

Snapshot
  1. Adjust background color on a cover also under Styles.

Snapshot

Step 4: Add Copy and Links

  1. Set a title and write body copy for the cover. Add a link for the buttons.

  2. If you prefer not to have any of these elements, delete them using the Document Overview.

Snapshot

Step 5: Set Slider Settings

  1. Ensure the Cover Slider is selected, and check block settings.

  2. Turn on Autoplay to advance slides automatically.

    1. Adjust timing to change how long covers display before advancing.

  3. Set transition effects.

Snapshot

Step 6: Reorder Covers

  1. Click and drag covers in the Document Overview to reorder them.

Step 7: Save Your Work

Snapshot

Did you find this article helpful?
Previous

Copy and Paste in Frame

Next