---
title: "Fade"
date: 2020-11-18
author: "nK"
---

# Fade

If you select the **Fade** effect, a gallery item image will be gradually faded into a selected overlay background color on hover.

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.19.09-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.19.09-1024x582.png)    ## Image

### Normal State

- **Border Radius**
- **Transform** Pro
- **Filter** Pro – Instagram-like image filter

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.20.08-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.20.08-1024x582.png)    ### Hover State

Pro FeatureThis is a part of the **Visual Portfolio Pro** plugin.  
Purchase the Pro plugin to access this and other [advanced features](https://www.visualportfolio.com/free-vs-pro/).

[Buy Now](https://www.visualportfolio.com/pricing/)







- **Border Radius**
- **Transform**
- **Filter** – Instagram-like image filter
- **Tilt Effect**
    - **Tilt Effect Direction**

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.21.40-1-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.21.40-1-1024x582.png)    ## Overlay

- **Display** – select when to display overlay – **hover** state, **normal** state, or **always**.
- **Text Align**
- **Display Gallery Icon** – Enable this option to show a gallery icon on items that contain album images.
- **Move Overlay Under Image** Pro – a useful option for mobile devices when hovering over items isn’t possible. The overlay will always be displayed without interaction.

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.24.31-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.24.31-1024x582.png)    ### Elements

- **Display Title**
    - **Title Tag**: Select the HTML tag for the title (e.g., h1, h2, etc.).
- **Display Categories**
    - **Categories Count**: Set the maximum number of categories to display.
- **Display Date**
- **Display Author**
- **Display Views** (available for **Posts only**)
- **Display Reading Time** (available for **Posts only**)
- **Display Excerpt**
    - **Excerpt words count**: Set the number of words shown from the excerpt.

- **Display Icon** – The icon will be displayed when you hover over the image. The icon is selected automatically, depending on the item format or type (Image, Video, Audio, etc.)
- **Display Images Count**: display count in albums
- **Display Posts Count**: display count in taxonomies

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.26.08-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.26.08-1024x582.png)    ### Colors

- **Background**
- **Text**
- **Blend Mode** Pro

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.27.18-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.27.18-1024x582.png)    ### Typography

Pro FeatureThis is a part of the **Visual Portfolio Pro** plugin.  
Purchase the Pro plugin to access this and other [advanced features](https://www.visualportfolio.com/free-vs-pro/).

[Buy Now](https://www.visualportfolio.com/pricing/)







- **Title**
- **Category**
- **Meta**
- **Description**

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.28.31-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.28.31-1024x582.png)    ### Dimensions

Pro FeatureThis is a part of the **Visual Portfolio Pro** plugin.  
Purchase the Pro plugin to access this and other [advanced features](https://www.visualportfolio.com/free-vs-pro/).

[Buy Now](https://www.visualportfolio.com/pricing/)







- **Border Radius**
- **Padding**
- **Margin**
- **Items Gap**

![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.29.54-1024x582.png)![](https://www.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-07.29.54-1024x582.png)