Carousel Widget
The Carousel widget acts as a container for other elements, which allows for the creation of a stacked series of content that can either scroll manually or automatically in a timed sequence.
- Click on Insert Widget icon in the top tool bar (Fig 1). Left click & hold and then drag the Carousel widget into the Section area.
Fig 1
NOTE: Where the top edge of the Carousel widget is placed inside the Section when you release the cursor is where it will be vertically located. You can always reposition it afterwards.
By default, the Carousel widget will be the same width as the Section area and have same number of columns and gap value. For example, if the Section area has been set to 36 columns with a gap of 2, the Carousel widget will have these same initial properties. These can be modified after the Carousel widget has been placed into the Section area.
Please note the small double-arrow icon in the lower right corner which appears when you click inside the widget itself, and will become highlighted by moving the cursor over it (Fig 2). You can use this icon to resize the Carousel container by left clicking & holding your cursor on it, and then dragging the widget to the size and dimesions you want.
Fig 2
Clicking into the Carousel widget will bring up the Carousel Settings menu on the right side of the screen. This menu is made up of several sections including:
- General
- Presets
- Style
- Menu Style
- Menu Hover
- Button Style
- Button Hover
- Button Selected