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.