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

# Classic

Image on top, caption under it. On hover the image zooms in slightly and, when **Display Icon** is on, an icon appears over it on a tinted overlay. The caption is always visible; its title and categories are links (Links and Links Hover colors).

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

Normal and Hover states. Values and defaults are in the [Skin settings reference](https://staging.visualportfolio.com/docs/gallery-blocks/skin/skin-settings-reference/).

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.37.04-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.37.04-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.38.29-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.38.29-1024x582.png)    ## Overlay

Display, Display Icon, Colors and Dimensions.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.40.07-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.40.07-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.41.50-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.41.50-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.43.05-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.43.05-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.44.21-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.44.21-1024x582.png)    ## Caption

Text Align, Elements, Colors, Typography and Dimensions.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.45.53-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.45.53-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.47.31-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.47.31-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.48.49-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.48.49-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.50.16-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.50.16-1024x582.png)    ![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.51.40-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-11-at-21.51.40-1024x582.png)    ## Notes

- The overlay of this skin carries only the icon. Titles and meta cannot be placed on the image; use Fade, Fly or Emerge for that.
- This is the only skin with the **Read More** button, and its Typography panel has a **Button** entry for it.
- Turning **Display Icon** on with no overlay color set fills the overlay with black at 20% opacity and white text.