Banner Slider Block πŸ›’

To customize the Banner Slider Block, you can use the below settings:

  • Slides: Add a slide using the “Add Slide” button.
    • Add the Slide sub-title, title, description, button text, and button link.
    • Adjust the slide content alignment on the Left, Center, and Right side.
    • Change the background color of the slide.
  • General
    • Enable/Disable subtitle, title, description, button, navigation, and autoplay settings.
    • Adjust the banner height and content width and change the navigation icon of the slide.
    • Enable/Disable the indicator and change the indicator type like numeric or dot.
    • Display: Hide/Show the Banner slider individually from a desktop, tablet, or mobile.
    • Animation Effects: Set the animation effects with multiple options on the Banner Slider like Fade, Bounce, Swing, etc.
  • Spacing
    • Adjust the padding and margin of the slide.
    • Adjust the padding and margin of the slide sub-title, title, description, button, navigation, and dot icons.
  • Border
    • Adjust Slide and Slide items border radius, and color.
  • Background Overlay
    • Enable/Disable the overlay and change the color & opacity of the slide overlay.
  • Color & Background Settings
    • Change the color of the slide sub-title, title, description, button, and navigation icon.
    • Change the background color of the slide sub-title, content, button, navigation, and dot.
  • Typography
    • Set the typography of the slide sub-title, title, description, and button using Font Size, Font Family, Font Weight, Line Height, Text transformation, Text decoration, and Letter Spacing options in desktop, tablet, and mobile view individually.
  • Additional Settings
    • You can add the Additional unique ID, Additional class, and custom CSS code.