---
title: Image Comparison Block
description: "To customize the Image Comparison Block, you can use the below settings: - **General** - **Enable/Disable Vertical Mode:** Enable/Disable the vertical mode. - ****Enable/Disable Hover Effect**:** Enable/Disable the hover effect while comparing the image. - ******Enable/Disable Labels****:** Enable/Disable the navigation(After…"
url: "https://spiceblocks.com/docs/image-comparison-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Image Comparison Block

To customize the Image Comparison Block, you can use the below settings:

- **General**
  - **Enable/Disable Vertical Mode:** Enable/Disable the vertical mode.
  - ****Enable/Disable Hover Effect**:** Enable/Disable the hover effect while comparing the image.
  - ******Enable/Disable Labels****:** Enable/Disable the navigation(After / Before) of the image comparison. On enabling labels, additional settings appear below.
    - **Before Image Label:** Change the label of the Before navigation link.
    - **After Image Label:** Change the label of the After navigation link.
  - ****Enable/Disable**Image Width:** Enable/Disable the image width setting. On enabling this option, an additional setting appears below.
    - **Image Width:** Change the width of the image.
  - **Margin:** Adjust the top & bottom margin of the image comparison area.
  - **Animation Effects:** Set the animation effects with multiple options like Fade, Bounce, Swing, etc s on the Image Comparison box.
  - **Display:** Hide/Show the Image Comparison box individually from a desktop, tablet, or mobile.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/image-comparison-block.gif)