# Working with layout and offset

**URL:** <https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893>\
**Category:** Elements\
**Created:** [January 25, 2026, 11:24pm UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893 "2026-01-25T23:24:46Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![rashley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rashley/32/33479_2.png) [@rashley](https://forums.realmacsoftware.com/u/rashley)\
**Post date:** [January 25, 2026, 11:24pm UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/1 "2026-01-25T23:24:46Z")

</div>

Hi Everyone,

Here is another challenge I’m working on. I want to have dots of color placed in various “random” locations on my webpage. I have been trying to use various methods.

Here is the link to my test page and there is an explanation of what I want and how I have partially successful so far. Any help would be appreciated.

elementsapp://downloadDocument/bMT9NMr72L0O

my goal is to match something like this:

 ![Screenshot 2026-01-25 at 4.15.00 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/b/1bdeec062427e5d7e3cc2246c8c07adc234c751d.jpeg)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 26, 2026, 10:27am UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/2 "2026-01-26T10:27:09Z")

</div>

might not be want you want exactly but here’s part of an animations project I loaded for use last year. If you go to styles you can move add or change bubble sizes and on template just put your own images.

[elementsapp://downloadDocument/w6iV4PMRW1bP](elementsapp://downloadDocument/w6iV4PMRW1bP)

---

<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:** [January 26, 2026, 10:38am UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/3 "2026-01-26T10:38:20Z")

</div>

I’m not sure how I would tackle such a layout, there’s many ways to do this.

I did have a quick look and noticed you don’t need the sub image in the container. Just set a width and a height on the container, it keeps things cleaner and easier to manage.

 ![CleanShot 2026-01-26 at 10 .35.32@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/9/d94332da3318e6f415795ae264aec8280934b0dc.jpeg)

---

<div class="post-metadata">

**Author:** ![rashley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rashley/32/33479_2.png) [@rashley](https://forums.realmacsoftware.com/u/rashley)\
**Post date:** [January 26, 2026, 5:48pm UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/4 "2026-01-26T17:48:04Z")

</div>

Thanks Dan,

You solved the issue of changing colors an “needing an image”. I don’t know why my attempts to use background for an empty container didn’t work for me, but they do now!

I can now also change the shape and opacity of the “disk”

I also worked on the offset issue and realized I was not working from small screen to large and setting different offsets for each screen

size. (duhh) That little blue dot. 😁

This has been a fun and challenging ride for me and I have enjoyed learning and working with Elements.

The website is looking better every day!

 ![Screenshot 2026-01-26 at 10.46.09 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/4/545cb2d5bf8f4aac47b5ccbc6a62248f4e7afd54.jpeg)

---

<div class="post-metadata">

**Author:** ![rashley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rashley/32/33479_2.png) [@rashley](https://forums.realmacsoftware.com/u/rashley)\
**Post date:** [January 26, 2026, 6:30pm UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/5 "2026-01-26T18:30:09Z")

</div>

That’s a nice mask! I’ll have to save that idea for later.

thanks!

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [January 26, 2026, 7:23pm UTC](https://forums.realmacsoftware.com/t/working-with-layout-and-offset/53893/6 "2026-01-26T19:23:59Z")

</div>

Need any help just ask!