---
title: Banner Slider Block 🛒
description: "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…"
url: "https://spiceblocks.com/docs/banner-slider-block/"
updated: "2024-06-12"
category: Blocks Customization
---

# 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.