---
title: Video Block 🛒
description: "To customize the Video Block, you can use the below settings: - **General Settings** - Enable/disable Content Reversable which means changing the direction of the text. - **Image Block Settings:** - **Border:** Adjust the block border radius, color, and style.…"
url: "https://spiceblocks.com/docs/video-block/"
updated: "2024-06-12"
category: Blocks Customization
---

# Video Block 🛒

To customize the Video Block, you can use the below settings:

- **General Settings**
  - Enable/disable Content Reversable which means changing the direction of the text.
  - **Image Block Settings:**
    - **Border:** Adjust the block border radius, color, and style.
    - Adjust the margin and padding of the block.
    - **Display:** Hide/Show the Video individually from a desktop, tablet, or mobile.
    - **Animation Effects:** Set the animation effects with multiple options on the Video Box like Fade, Bounce, Swing, etc, and the duration or delay time of the animation.

- **Icon Settings**
  - Enable/disable the animation of the overlay button.
  - **Icon:** Change the icon and adjust the width of the video block icon.
  - **Border:** Adjust the video icon border radius, color, and style.
  - **Padding:** Adjust the padding of the icon.

- **Box Shadow**
  - Adjust the shadow of the Video block using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the color of the Video block shadow using the **Box Shadow Color** option.

- **Color & Background Settings**
  - Change the icons, icon animation, and icon background color.
  - Change the background image of the video block and set the left & top position, background image size, background-repeat position, and enable the parallax feature.

- **Background Overlay**
  - Enable/Disable the overlay and change the color & opacity of the video overlay.

- **Typography Settings**
  - Change video icon font weight and line height.

- **Additional Settings**
  - You can add the Additional unique ID, Additional class, and custom CSS code.
