Slides widget

1. Add the Slides widget to the canvas. For details, see Add elements to a page.
2. In the Content tab, under the Slides section, you’ll find the list of slides. You can rearrange the slides using drag-and-drop, as well as duplicate, remove, or add new slides. Clicking on the individual slide displays its specific settings. Within each slide, you can customize its Background, Content, and Styling.
   
   

Background Sub-Tab

• In the Background field, select the background type for the slides. You can pick a solid color of your choice, or add an image from your media library.
  • Click on the Color tab to pick a background color.
    
  • Click the + icon under the Image tab to choose a picture from your site’s media library.
    

    If you choose an image as a background, you’ll find extra image customization features:

    • Size: Decide how the background image should be showcased. You can choose from three options: Auto, Cover and Contain.
      • Cover: When an image is set to Cover, it means the image will scale to cover the entire area of its slide while maintaining its aspect ratio. This might result in parts of the image being cropped if the slides’s aspect ratio doesn’t match that of your image. This option is ideal for more abstract and atmospheric images, where the showing of the entire image is less important.
      • Contain: With Contain, the entire image is displayed within the slide, ensuring the image’s entire content is visible. This method scales the image so that it fits entirely inside the container, again maintaining its aspect ratio. This option works best if you want the entire image to appear in the slider.
      • Auto: The Auto options allow the browser or software to choose the most appropriate scaling method based on the slide’s size and the image’s aspect ratio.
        
    • Ken Burns Effect: Toggle to Yes to activate this trendy zoom effect for a dynamic touch to your background image. If you set it to yes, you can also pick if the Zoom Direction goes In or Out.
      
    • Overlay: Toggle to Yes to add a colored layer over the image for style. If set to yes, you can further personalize the overlay by selecting your preferred Color and Blend Mode.
      

Content Sub-Tab 

• In the Content field, you get options to add text content such as title, description, and button link for the slides. Plus, you can use Dynamic Tags to fill in content details to the slide automatically.
  
  • In the Title tab, add the title for the slide.
  • In the Description tab, add a brief description for the slide.
  • In the Button Text field, define the text you want displayed on the button.
  • In the Link field, add the URL where the slide or button should redirect users.
  • Apply Link On: When you add a link, this choice shows up. You can choose if the link applies to only the Button or to the Whole Slide.
    • Click the ⚙️ to set the link to either open in a new window or to add rel=nofollow to the link.
    • Use the Custom Attributes option to assign custom attributes to the link element. Use the | (pipe) for key-value separation and commas to separate pairs.

Style Sub-Tab

• In the Style field, you can set a custom style that will only affect this specific slide you’re currently working on.
  

• • Horizontal Position: Align the content to the left, right, or center.
  • Vertical Position: Adjust the content’s placement to the top, middle, or bottom.
  • Text Align: Determine the text alignment as left, center, or right.
  • Content Color: Select the desired color for the slide content.
  • Text Shadow: Click the 🖋️ icon to add a shadow to the title. Learn more about shadows.