Hero carousel widget

About



Want to put multiple large, powerful images to the top of your page? The hero carousel widget is perfect for grabbing the audience's attention and showcasing multiple topics. Use this widget to express your organizational brand with strong visuals that represents your site, featured content, upcoming events and much more!

Design


Example Slide 1

This is example content for the subhead of this slide example.

This is a test button

Example Slide 2

This is example content for the subhead of this slide example with no button

Example Slide 3

This is a test button

How to


Drag the hero carousel widget from the right column onto the page and click Edit. NOTE: This widget should be used just below the top navigation, at full-width, spanning across the entire width of the page.

Drag the hero carousel widget from the right column onto the page

Choose the pixel height of the slideshow at the very top of the pop up window.

Select hero slideshow height

Choose Select image to add multiple images from your library. You can add a headline, a subhead or button on top of your image by hitting the Edit option on the right of each image.

Add up to six images and slides by clicking "Add carousel item" at the bottom.

Hero Slideshow Settings



Hit edit for each slide to select images, and enter the heading and subhead text

Hero carousel image and heading settings



Fill in the button fields and Save

Hero carousel button settings



Repeat as necessary and save.

Additional Information


Tips

Image size should be at least 1600 pixels wide. Always use landscape orientation.

 

Hero Slideshow Arrow

Reorganize your slideshow by using the arrows on the far right side of your slides.

 

Hero Slideshow Minus Button

Delete slides by hitting the minus on the far right side.