Auto Scroll Text

Support
#1

I was wondering the best way in XPro to create auto scrolling marquee text like the image attached. Not sure if you have something native or recommend a plugin that works well with XPro.

I appreciate the guidance.

image
image1170×299 270 KB

#2

Hello @bcoplin,

Thanks for writing in! regretfully we do not have that kind of feature. You may need to use 3rd party plugin or custom script to be able achieve what you have in mind. We also do not have any recommendation with this kind of functions.

Best Regards.

#3

Figured it out. I used this.

   <div class="marquee">
  <span>JESUS  MVMNT  JESUS  MVMNT  JESUS  MVMNT  JESUS  MVMNT  JESUS  MVMNT  JESUS  MVMNT  </span>
</div>

<style>
  .marquee {
position: relative;
overflow: hidden;
white-space: nowrap;
width: 100%;
height: 100px; /* Adjust the height as needed */
background: #0732ac; /* Optional: Background color */
  }

  .marquee span {
display: inline-block;
font-size: 80px; /* Adjust font size as needed */
color: #ded9b0; /* Text color */
text-transform: uppercase;
font-weight: bold;
animation: marquee 15s linear infinite;
  }

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

Hi @bcoplin,

Glad that you are able to figure it out.

Thanks@