Ticker tape element using html

Hi There, a complete newbie here. I have no programming experience but am good with drag and drop stuff and instructions.
I got a friend to create a rolling ticker tape for the header section of my website. The code is in HTML and fixed in the ticker tape contents.
Is there any way that it could be replicated in native sitejet environment, and have dynamic content.
The code that I am using is below… Any suggestions are much appreciated.

Rolling News Ticker body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .news-ticker { background-color: #333; color: #fff; overflow: hidden; white-space: nowrap; position: relative; width: 100%; height: 40px; display: flex; align-items: center; } .news-ticker a { color: #00bcd4; text-decoration: none; padding: 0 20px; font-size: 16px; display: inline-block; } .news-ticker a:hover { text-decoration: underline; } .ticker-content { display: inline-block; white-space: nowrap; animation: scroll 10s linear infinite; } @keyframes scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

Hey there and welcome!

Have you tried adding that to a HTML-element? :slight_smile:

Hi Andre, Thanks for the reply, i did. It works but it is restricted. Any changes that I make have to be done in the html code. I would like to use a txt file with contents or the collection option to setup something which is updated like blogs. Again as a reminder, I am NOT a programmer.