You can create an engaging layout by adding a Carousel section to your board to showcase information and ideas in a rotating carousel slider. 
Additionally, enhance the carousel section with animation settings, such as automated rotation and zoom effects on images and cards when hovered over.  Animation settings can only be viewed on a live board and not when previewing a board. 

Here are a few ways to use the Carousel section:

• Present your company’s value proposition or key benefits to your target audiences (industry, account, solution)

• Showcase companies that benefit from your product 

Before you begin:

• Choose images to use in your Carousel section. 
• The maximum file size for images is 25 MB.
• The following image file types are supported: png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp
• For icons, we recommend using circles or squares, because rectangles may cut the icon. 
• The recommended sizes for your Carousel section images are:
  • Rectangle: Ratio 3:2; image size no smaller than 750px*500px (preferably this exact size)
  • Circle/Square: Ratio 1:1; image size no smaller than 750px*750px (preferably this exact size). 

• See the Image Size Guidelines for more details on image sizing.   

Designing a Carousel section 

You can design the different elements of the Columns section to customize the section’s visual appearance and layout.  

1. Select the board on which you wish to add a Carousel section and open the Designer tab. 
2. Hover over the border between sections where you want to add the section and click Add Section. The Section Gallery opens and displays the section types.  
3. Select Feature from the section menu. Then, select the Carousel template.
4. Click Add Section. The new Carousel section appears on your board for you to design.  
5. To design the Carousel section, choose one of the section editors. 

• Carousel section editor - design the overall look of the section. including animation settings 
• Background editor - edit background settings, including images and padding
• Text editor - edit the title and subtitle
• Carousel editor - design each column separately, including icon images and text settings 
• Button editor - design the button style and settings 

Using the running carousel section editor 

Using the carousel section editor, you can design the overall look of the section, such as the number of columns displayed in the carousel, as well as the icon shape and size. You can also design the text of each column’s title, subtitle and paragraph, such as the font size and type. 

You can also add animation to the running carousel to enable the cards to move automatically, while setting the animation speed and direction. Additionally, you can add image and card animation for zoom in effects. 

1. To open the Running carousel section editor, click the edit button on the carousel section toolbar.   
2. To hide the Title, Subtitle, and Button, disable the eye icon next to it. 
3. Set the Alignment of the title, subtitle and button.   
4. Under Columns, add or delete a card.
   1. To add a card, click Add Column.
   2. To delete a card, click on the X button next to the card.
   3. To change the position of cards, use the cursor button.
      
5. Under Settings, configure the following settings of the columns area: 
   1. Set the alignment of text in the card.
   2. Select the maximum number of columns per row.
   3. Use the slider to set the size of the icons on the columns from small to large.
   4. Select the icon shape. Preferably, choose circles or squares for icons.
   5. Choose a button style from the dropdown list.                                                                                                                                                                                                                                                                             
6. Under Text, configure the following text settings for the columns. These settings apply to all columns  
   1. For Title, show or hide the title. If you selected to show the title, select the font size and type, and color.
   2. For Subtitle, show or hide the subtitle. If you selected to show the subtitle, select the font size and type, and color.  
   3. For Paragraph, show or hide the paragraph text. If you selected to show the text, select the font size and type, and color.  
   4. Choose a Background Color for the columns. Show or hide the title, subtitle, paragraph and background color.     

7. Under Animation, select the animation type for the Running Columns section.
   You can multi-select the following animation types:
   1. Scroll animation: use the arrows to scroll between cards.
   2. Image animation: when hovering over the image, the image will enlarge and pop-out.
   3. Card animation: when hovering over the card, the entire card will enlarge and pop-out.  
   4. Carousel animation: select the checkbox to enable the columns to move automatically.
      1. Choose the animation speed.
      2. Choose the Carousel direction. 

 
Note: By default, images are not cropped and the middle of the image is displayed. 

When choosing to crop an image, you can preview how the cropping will look in the Image Studio. In case you want to change the shape of an icon, the cropping is reset and you can start from scratch.

For example, if an icon is set to a circle, and you cropped it to change the default to focus on a specific detail in the image. If later you want to change it to a square, the cropping is reset as if you did not crop at all and you can see the whole picture and not the cropped picture. 

Designing a column in the Carousel section  

You can design each individual column in the carousel section by adding an image or icon, and adjusting image settings. If the logo image does not fit perfectly in the selected icon shape, you can use the Fit/Fill button to resize images to control the position of the image in the shape. 
Additionally, you can edit the text for the title, subtitle, short paragraph, and button on each individual column in the carousel section. For example, you can change the color of a title, add a link or add a bullet or numbered list to the paragraph text of one column only.  

1. To edit a column, hover over the column you wish to design and click the columns edit button or double-click on the column.                                                                              
2. To choose an image or icon, open the Image Library. For more details, see the help article Designing Images.  
3. Use the Fit/Fill button  to automatically adjust the image. 
   1. Fill - adjust the image so that the icon shape is filled and the image ratio is maintained. 
   2. Fit - adjust the image so that the entire image fits in the icon shape.  
4. Use the editing toolbar to edit the text for the Title, Subtitle, and Paragraph. For example, you can make a title bold or italic, add a link or change its color. 
   You can only edit the text if you made them visible in the section widget editor.
5. Enter text for the Button. 
6. To choose an action to be taken when clicking the button, click Actions.  

To configure the CTA button settings, read the article Designing buttons and forms. 

Designing the section background 

You can design the background with a unique background color, image or video and update padding settings. 

1. To open the background editor, click the background edit button on the carousel section toolbar.    
2. To edit the background elements, see the article Using the Background Editor.  

Editing the Carousel section title and subtitle    

You can use the text editor to edit the text of the Carousel section title and subtitle.  

1. To open the text editor, hover over the text of the title or subtitle in the Carousel section and click the text edit button.   
2. To format the text elements, see the article Using the Text Editor.  

Designing a call-to-action (CTA) button  

You can design the CTA button displayed on the Carousel section, including the button style and the type of action taken when it is used.  

1. Hover over the CTA button and click the edit button.  
2. To style the button elements, see the article Designing buttons and forms.