What are you looking for?

Get help straight from our team...

Create Cover Slider

Build a cover slider for your website with images and text.

Updated 3 days ago

TL;DR

1
Insert cover slider
Add the cover slider block to your page.
2
Customize cover
Add text and adjust settings for each cover.
3
Manage covers
Duplicate to add more covers as needed.
4
Edit and add media
Choose covers to edit, adding images and titles.
5
Save and view
Save changes and view the completed slider.

Let's Do It Together!

Step 1: Insert Cover Slider Block

  1. Open your block inserter and type cover slider.

  2. Add the cover slider block to your page.

You will see a solid blue box indicating the cover slider block is added.

Snapshot

Step 2: Customize Your Cover

  1. Add text to the box, which can include a body, a button, or additional text.

Step 3: Manage Covers

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

  2. Each dot represents a cover; by default, two dots are placed automatically.

  3. To add more covers, select duplicate in options.

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

Snapshot

Step 4: Edit a Cover

  1. Choose a cover to edit by selecting the corresponding dot.

  2. Add media by selecting a photo from your media library.

  3. Set a title for the cover, such as mountains, or use a quote.

  4. If you prefer not to have a button, delete it from the box.

Your cover is now set up with a title and photo.

Snapshot

Step 5: Finalize and View

  1. Add any additional photos, headings, and paragraphs as needed.

  2. Once finished, click save and then view the page.

You will be able to navigate through your completed slider.

Snapshot

Previous

Creating and Styling Headings

Next