---
title: "Add a close button to Pop Overlay"
description: "Add a close button to Pop Overlay"
url: https://docs.optimizepress.com/en/articles/90-add-a-close-button-to-pop-overlay
collection: "Tips & Tricks"
updated: 2026-07-02
language: en
---

# Add a close button to Pop Overlay

Add a close button to Pop Overlay

**This is an advanced technique and requires some knowledge of CSS - use with caution** 

1\. Inside the OptimizeBuilder, go to Page Settings (top gear icon) and then Custom CSS

**Add this CSS:**

.close1{position:inherit !important;}

2\. Insert a headline/button or whatever you want to use as your close item into your overlay (this will work best with a button or headline)

3\. Open the advanced options sidebar for that element and go to "Advanced" and enter this code in the CSS Classes field:

op3-popoverlay-close close1

**It should look like this:**

![](https://staticfiles.gleap.io/helpcenter/6952dad473c72323c1c59109/20251229205551_2662)

  
4\. Save your page and test your overlay - you should find that the button now closes the overlay.