Skip to content

Adding an Image Carousel

You get a slideshow that rotates on its own, with arrows and dots for visitors who want to browse. Use it for portfolio work, photo galleries or a hero that shows more than one image.

Image carousel displaying blog images with navigation arrows

  1. Hover the column and click + in its control bar, or click Add Elements on an empty page. Open the Content tab and click Image carousel.
  2. Select your Images from the media library and insert them.
  3. Choose the Interval between slides.
  4. Click Save in the dialog. Then click Save in the toolbar at the top of the content area to store the page.

What you see

The slideshow rotates at the interval you chose, with arrows on the sides and dots below. The first image shows at once; the others follow in the order you inserted them.

Open More > Settings on the element. Options:

  • Images: select or upload the images for the slideshow through the media library.
  • Interval: time between slides in milliseconds; set to 0 to stop the automatic rotation (default: 5000).
  • Hide: tick Hide pagination control to hide the dot indicators below the slides, or Hide prev/next buttons to hide the left and right arrows.
  • Alt attribute (SEO panel): alternative text for the carousel images.

If you don't see it

  • Image carousel is not in the Content tab. Your user profile hides it. Ask an administrator to enable it in User Profiles.
  • It is gone after you reload. The page was not saved. Add it again and click Save in the toolbar at the top of the content area.
  • Only one image shows and nothing rotates. One image was inserted, or Interval is 0. Add images or set an interval above 0.
  • No arrows or dots. Hide prev/next buttons or Hide pagination control is ticked under Hide. Untick them in the settings.

What's next?

Style tab to change spacing and background for your image carousel.

Something wrong or missing on this page? Report it or edit the page.