# Closing an overlay image

**URL:** <https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098>\
**Category:** Elements\
**Created:** [May 13, 2026, 7:30am UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098 "2026-05-13T07:30:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Utz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/utz/32/27256_2.png) [@Utz](https://forums.realmacsoftware.com/u/Utz)\
**Post date:** [May 13, 2026, 7:30am UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098/1 "2026-05-13T07:30:00Z")

</div>

I need to display an image on entering the main home page. So far I did this by using “reveal”, which is working fine. The only problem is how to close it and display the underlying page.

Ideally I would like this by just clicking outside of the image (or by placing a closing X ).

I did try to figure it out with the “modal” component, but no success (disclaimer: I am no programmer, just an old guy trying to help out our local lapidary club with a slightly spiffed up website).

![CleanShot 2026-05-13 at 17.03.13](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/a/7acc3ada09e1c1ee59512f09c923e7f15a5c7dcc.gif)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [May 13, 2026, 8:42am UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098/2 "2026-05-13T08:42:29Z")

</div>

HI @Utz

Reveal won’t allow the user to dismiss the overlaid image, so you’ll want to use a Modal for this and set the “Auto Open” setting to “Page Load”.

This will show the modal content when the page loads and allow the user to manually dismiss the image.

Let us know if you need any more help setting this up 🙂

 ![CleanShot 2026-05-13 at 10.40.17@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/c/cc02ee40752537962e39e53c7438b6470ac5fb81.png)

---

<div class="post-metadata">

**Author:** ![Utz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/utz/32/27256_2.png) [@Utz](https://forums.realmacsoftware.com/u/Utz)\
**Post date:** [May 13, 2026, 9:41am UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098/3 "2026-05-13T09:41:05Z")

</div>

Thanks Ben, I have never used modal before, so yes, I’d very much appreciate a bit more guidance..

---

<div class="post-metadata">

**Author:** ![Utz](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/utz/32/27256_2.png) [@Utz](https://forums.realmacsoftware.com/u/Utz)\
**Post date:** [May 13, 2026, 12:01pm UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098/4 "2026-05-13T12:01:05Z")

</div>

..I think I worked it out ! Thanks again

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [May 13, 2026, 3:08pm UTC](https://forums.realmacsoftware.com/t/closing-an-overlay-image/56098/5 "2026-05-13T15:08:21Z")

</div>

that’s great to hear 😃