Layering GUI Elements

[MRQ72]

I've been having a very hard time getting two elements of a watch face to display with one overlapped on the other. It is for Versa Lite, and I am using a png background image and two custom font elements using Fitfont. I've tried using the layer property in index.js, re-ordering the elements in index.gui, and I've also tried encapsulating the font elements in a g container and assigning layers. I still can't seem to get it to work. All I'm trying to do is get the background image displayed with the custom font elements displayed over it. Any thoughts?

[JonFitbit]

It sounds like maybe a positioning issue. Try removing the image and making sure the text is positioned correctly first.

Then it should just be

<svg>
  <image ...> <!-- bottom -->
  <text  ...>
  <text  ...> <!-- top -->
</svg>

[PACIFIC1]

Hello Jon ( JonFitbit ),
Can we contact you privately please?
We have a piece of code that we don't want to post it directly in the forum.

[JonFitbit]

You can find me on the unofficial Discord. https://dev.fitbit.com/discord

[PACIFIC1]

Any email please? We can't put the code in discord.

This is our email: [REDACTED]

[JonFitbit]

I've sent you an email.