---
title: Popup Setting
description: "### Typography & Styling     [YouTube video player](https://www.youtube.com/embed/PMU9yK2O9qo)       ![](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/popup-min-1.png) ### **Popup title >** **Button Label Text:**Write button label text, please note \"Live preview is not working, enter text and see the change after clicking \"preview change\"…"
url: "https://elfi.woocommercebarcode.com/docs/popup-setting/"
updated: "2022-12-19"
category: Elfi Masonry
---

# Popup Setting

### Typography & Styling

 

 

[YouTube video player](https://www.youtube.com/embed/PMU9yK2O9qo)

 

 

 

![](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/popup-min-1.png)

### **Popup title >**

**Button Label Text:**Write button label text, please note "Live preview is not working, enter text and see the change after clicking "preview change"

**Font Size**: Select the font size of the Title

**Text Transform:**  Dropdown menu, options- uppercase, lowercase, capitalized, none

 

### **Popup Button >**

**Title Color: **Choose Color for Item Title

**Text Transform:**  Dropdown menu, options- uppercase, lowercase, capitalized, none

**Font Size**: Select the font size of the Title

border-radius: Button border-radius , unit -px

**Button Color & Background: **

- **Normal:** normal color of the button and its background
- **Hover:** click the hover color for the button and its background

 

### **Front End Demo - Popup Gallery Image with Content **

![](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/popup-gallery-min.png)

 

 

 

### **Front End Demo - Popup Video**

 

![](https://elfi.woocommercebarcode.com/wp-content/uploads/2020/12/popup-video-min.png)