# Background overlay shows 'code' at bottom

**URL:** <https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404>\
**Category:** Elements\
**Created:** [September 29, 2025, 11:27am UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404 "2025-09-29T11:27:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 29, 2025, 11:27am UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/1 "2025-09-29T11:27:41Z")

</div>

Can anybody tell me - is this a bug or am I doing something stupid (again) ?

Code at very bottom of page when background image overlay applied

> **[Peter Yates Print Shop](https://www.peteryates.co.uk/2025/print_shop/)**
>
> Peter Yates Art Prints, Limited Edition numbered and stamped on 330gsm Somerset Velvet paper. For more information, please contact us.

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 29, 2025, 12:23pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/2 "2025-09-29T12:23:02Z")

</div>

I cant get background overlay to work well

… and I’d expect it to have an opacity adjustment, no ?

---

<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:** [September 29, 2025, 1:29pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/3 "2025-09-29T13:29:27Z")

</div>

I’m 99% certain the issue is due to using an SVG as the background image — could you try using a jpg or png and see if things start working as expected? 🙂

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 29, 2025, 1:33pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/4 "2025-09-29T13:33:31Z")

</div>

Hi Ben, I’m sure I can do that but … the size of my svg is 4k … whilst a png to do the same job would be around 200k … so I prolly wouldn’t

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 29, 2025, 1:50pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/5 "2025-09-29T13:50:00Z")

</div>

Can it be fixed ?

---

<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:** [September 29, 2025, 1:54pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/6 "2025-09-29T13:54:16Z")

</div>

A single colour transparent PNG will be VERY small, almost the same as the SVG.

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 29, 2025, 2:02pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/7 "2025-09-29T14:02:56Z")

</div>

Will try … but it’s still an error, right ?

---

<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:** [September 29, 2025, 4:02pm UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/8 "2025-09-29T16:02:32Z")

</div>

Well, the background overlay isn’t supposed to support SVGs… So the bug is that the drop well allows you to drop in an SVG. We’ll get this patched up at some point. Either way, we’d recommend using a PNG for this specific use case.

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 30, 2025, 8:09am UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/9 "2025-09-30T08:09:28Z")

</div>

Dan

It does appear to work well - other than the code appearing

However - I do accept your answer

Jol

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [September 30, 2025, 9:16am UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/10 "2025-09-30T09:16:26Z")

</div>

I got lovely crisp two-tone graphics with an svg … fuzzy edges with a .png file

Why can’t we leverage this ?

---

<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:** [September 30, 2025, 10:25am UTC](https://forums.realmacsoftware.com/t/background-overlay-shows-code-at-bottom/51404/11 "2025-09-30T10:25:27Z")

</div>

If the edges look fuzzy, you png probably isn’t large enough…
