# Background Component Overlay

**URL:** <https://forums.realmacsoftware.com/t/background-component-overlay/54399>\
**Category:** Elements\
**Created:** [February 15, 2026, 11:28pm UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399 "2026-02-15T23:28:41Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [February 15, 2026, 11:28pm UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/1 "2026-02-15T23:28:41Z")

</div>

In RWC the background stack I used had the capability of adding an overlay. It was a nice feature that allowed me to slightly darken the image behind it. Will an overlay option be added to this component or is there a workaround?

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [February 15, 2026, 11:46pm UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/2 "2026-02-15T23:46:18Z")

</div>

With ‘container’ element you can add also the overlay

 ![2026-02-16 at 00.44.50](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/1/61d3c7a0add5e28c7fa6f40491857cff3198c3c2.jpeg)

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [February 16, 2026, 12:34am UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/3 "2026-02-16T00:34:03Z")

</div>

Right but does the container work in the same way as a background? With the background it looks like the page kind of “opens up” to reveal a background as you scroll down and come upon the background.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 16, 2026, 10:33am UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/4 "2026-02-16T10:33:12Z")

</div>

Just place a Container inside the background, and then set a transparent colour on that 😉

Once you get used to Elements you’ll find you can combine all sort of components to do things you want, we’ve built it to be much more flexible than Classic 💪

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [February 16, 2026, 9:49pm UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/5 "2026-02-16T21:49:11Z")

</div>

Hey Dan. I tried that but somehow it’s not previewing properly. This is what I get in Elements vs. what shows up in preview.

 ![Screenshot 2026-02-16 at 4.47.00 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/6/d60eeafd4a35f0461a57f134e2056a9061239e0e.jpeg)

 ![Screenshot 2026-02-16 at 4.47.16 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/4/84493e9babc7cc39df1896199d0c150bfad11820.jpeg)

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [February 21, 2026, 10:53pm UTC](https://forums.realmacsoftware.com/t/background-component-overlay/54399/6 "2026-02-21T22:53:32Z")

</div>

Ah I had “dark mode” toggled on. It was showing me dark mode in Elements and then when I previewed it showed light mode. I fixed it.