The carousel style gallery displayes images in a rotating carousel with titles and descriptions placed on top. These are sometimes referred to as slider galleries. Carousels are defined in the Advanced section of the Gallery Options Panel using advanced code:
- Crop images to have the same height. Uploading images of various heights will cause any content below to move unexpectedly when the carousel changes.
- Carousel Galleries are a responsive item. Responsive elements fill 100% of the width of where they are placed. This means that your images will need to be a as wide or wider than the column they are placed on any screen width. Use the table below to determine the minumum width of the carousel image based upon where it placed on your page.
Recommended Minimum Image Width
|1 Column||2 Column Main||3 Column Main||Side Column|
Carousels can be placed anywhere on the page including side columns and column snippets. The examples below are placed inside a 2 col snippet. When adding a carousel to a side column or snippet, you may want to leave the description blank since there is not as much space to display that content.