# News ticker

**URL:** <https://forums.realmacsoftware.com/t/news-ticker/51579>\
**Category:** Elements\
**Created:** [October 7, 2025, 2:19pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579 "2025-10-07T14:19:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![ColinJA](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/colinja/32/7258_2.png) [@ColinJA](https://forums.realmacsoftware.com/u/ColinJA)\
**Post date:** [October 7, 2025, 2:19pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/1 "2025-10-07T14:19:54Z")

</div>

I like the feel of _ **elements** _ and I’ve started to redesign my own website which is currently in **RWC**. Transferring the resources I want to keep has been no problem, except for one item. I use the Tickertastic news ticker stack on the current site [https://colinalcock.co.uk](https://colinalcock.co.uk) and would like to retain this function or something like it. Is there a simple way of recreating this in _ **elements** _ that a long retired web designer, well past his sell-by, might understand?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [October 7, 2025, 2:23pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/2 "2025-10-07T14:23:43Z")

</div>

@MichaelDroste has a ticker on his site, he may be able to help

---

<div class="post-metadata">

**Author:** ![ColinJA](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/colinja/32/7258_2.png) [@ColinJA](https://forums.realmacsoftware.com/u/ColinJA)\
**Post date:** [October 7, 2025, 3:06pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/3 "2025-10-07T15:06:15Z")

</div>

Thanks Steve. I might follow up.

---

<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:** [October 7, 2025, 3:30pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/4 "2025-10-07T15:30:49Z")

</div>

If you get stuck I could probably whip up a quick custom component to do a news style ticker effect. Let me know…

---

<div class="post-metadata">

**Author:** ![ColinJA](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/colinja/32/7258_2.png) [@ColinJA](https://forums.realmacsoftware.com/u/ColinJA)\
**Post date:** [October 7, 2025, 3:54pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/5 "2025-10-07T15:54:47Z")

</div>

Thanks Dan, but @MichaelDroste beat you to it with an elegant solution which even I can adapt with my very limited coding knowledge.

---

<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:** [October 7, 2025, 4:52pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/6 "2025-10-07T16:52:52Z")

</div>

That’s awesome, pleased to hear it. Saves me a job 😊

---

<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:** [October 7, 2025, 5:00pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/7 "2025-10-07T17:00:51Z")

</div>

I posted a file here [Animations](https://forums.realmacsoftware.com/t/animations/49769) it contains lots of animations, theres three types, blocks, pictures just a ticker. I know you have one but have a look here.

---

<div class="post-metadata">

**Author:** ![ColinJA](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/colinja/32/7258_2.png) [@ColinJA](https://forums.realmacsoftware.com/u/ColinJA)\
**Post date:** [October 7, 2025, 5:22pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/8 "2025-10-07T17:22:39Z")

</div>

Thanks, Paul, I shall have a play later.

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [October 8, 2025, 1:57pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/9 "2025-10-08T13:57:42Z")

</div>

```auto
<center>
<div class="ticker-wrap">
  <div class="ticker">
    <span>🎺 Be Sure To Listen To My Hit Songs On Apple YouTube Spotify and Amazon 🎶</span>
  </div>
</div>

<style>
.ticker-wrap {
  width: 400px; 
  background: orange; 
  overflow: hidden; 
  white-space: nowrap; 
  box-sizing: border-box;
  border-radius: 7px; /* 👈 Rounded corners */
}

.ticker {
  display: inline-block;
  padding-left: 100%; /* start off screen */
  animation: ticker 35s linear infinite;
}

.ticker span {
  font: 20px Arial, sans-serif;
  color: black;
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
</style>
</center>

```

---

<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:** [October 8, 2025, 3:45pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/10 "2025-10-08T15:45:15Z")

</div>

And here’s another one our good friend ChatGPT whipped up…

```auto
<div x-data class="overflow-hidden whitespace-nowrap bg-white py-2">
  <div class="inline-block animate-[scroll_25s_linear_infinite]">
    <span class="mx-4">🎉 Elements is now available!</span>
    <span class="mx-4">🚀 Elements 1.12 ships with CMS beta</span>
    <span class="mx-4">🎨 New Core Templates added to library</span>
    <span class="mx-4">🛍️ Marketplace update coming Friday</span>
  </div>
</div>

<style>
  @keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }
</style>

```

![CleanShot 2025-10-08 at 4 .44.14](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/3/338e1d0352a19ea04217cf1a26ee4ce444f9e463.gif)

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [October 8, 2025, 3:50pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/11 "2025-10-08T15:50:15Z")

</div>

```auto
<span class="mx-4">🛍️ Marketplace update coming Friday</span>

```

nice hint … 🙈

---

<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:** [October 8, 2025, 3:52pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/12 "2025-10-08T15:52:37Z")

</div>

Oh no, we’re not shipping that just yet… stand down.

---

<div class="post-metadata">

**Author:** ![Pegasus](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pegasus/32/25035_2.png) [@Pegasus](https://forums.realmacsoftware.com/u/Pegasus)\
**Post date:** [October 8, 2025, 3:55pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/13 "2025-10-08T15:55:31Z")

</div>

okay … it could have been a “hidden” hint. ^^

---

<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:** [October 8, 2025, 3:56pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/14 "2025-10-08T15:56:15Z")

</div>

My bad. We ARE working on it and it’s really shaping up… but Friday is a bit too soon 🤣

---

<div class="post-metadata">

**Author:** ![ColinJA](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/colinja/32/7258_2.png) [@ColinJA](https://forums.realmacsoftware.com/u/ColinJA)\
**Post date:** [October 8, 2025, 4:26pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/15 "2025-10-08T16:26:27Z")

</div>

Seems there is more interest than I expected. Thanks to all who have responded. I’m having fun playing with the solutions and adapting them to my brand colour and so on.

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [November 16, 2025, 1:29pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/16 "2025-11-16T13:29:26Z")

</div>

Marquee anything. Images, svg’s, texts, blocks of arbitary content, anything.

No gaps if contents don’t fill width, ready to go on Store launch (for third parties).

---

<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:** [November 16, 2025, 1:37pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/17 "2025-11-16T13:37:00Z")

</div>

That looks really nifty, nice work. Does it work by dropping in a folder of resources?

_P.S. We’re working as fast as we can to get the backend tidied up so we can onboard third-parties… IF, it all goes to plan we’re looking at early December, so not long…_

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [November 16, 2025, 1:38pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/18 "2025-11-16T13:38:25Z")

</div>

No uses a drop zone, and splits top level elements found in the zone into items. So contents can be anything at all.

---

<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:** [November 16, 2025, 1:43pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/19 "2025-11-16T13:43:47Z")

</div>

Okay… I’m curious as to how this will look in the editor 😬 Is it still WYSIWYG?

---

<div class="post-metadata">

**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\
**Post date:** [November 16, 2025, 1:46pm UTC](https://forums.realmacsoftware.com/t/news-ticker/51579/20 "2025-11-16T13:46:08Z")

</div>

![CleanShot 2025-11-16 at 1 .45.40@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/0/c0c66cb78bcd17b083f72aa857ff781c411063f7.jpeg)

Obviously I can’t clone the items in the editor to fill the width. Only in Preview and published.

[Next page](https://forums.realmacsoftware.com/t/news-ticker/51579.md?page=2)