---
title: Flip Box Block 🛒
description: "To customize the Flip Box Block, you can use the below settings: - Firstly, select the Flip box side option like front or back. - **General Settings** - Enable/disable the title and text of the flip box from the front…"
url: "https://spiceblocks.com/docs/flip-box-block/"
updated: "2024-06-12"
category: Blocks Customization
---

# Flip Box Block 🛒

To customize the Flip Box Block, you can use the below settings:

- Firstly, select the Flip box side option like front or back.

- **General Settings**
  - Enable/disable the title and text of the flip box from the front & back slide.
  - **Dimension:** Adjust the flip box margin, width, border color, border style, border radius, title & text padding, and margin.
  - **Display:** Hide/Show the Flip box individually from a desktop, tablet, or mobile.
  - **Animation Effects:** Set the animation effects with multiple options on the Flip Box like Fade, Bounce, Swing, etc, and the duration or delay time of the animation.

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

- **Color & Background Settings**
  - Change the title, text, and background color of the Flip box.

- **Typography**
  - Set the typography of the title, and text using **Font Size,** **Font Family, Font Weight**, **Line Height, Text transformation, Text decoration,** and **Letter Spacing** options.

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