[Share] Scrolling Text with Different Color

To create a scrolling text block with different color, you can follow these.

If CSS code doesn't work, you can send link to page where you use scrolling text, I will check again.

#1. Suppose we have scrolling text with 3 texts: Dream it, Do it, Think it. You want:

• Dream it: red color
• Do it: green color
• Think it: white color

#2. First, use this tool to find Scrolling text block ID.

In my example, we have: #block-yui_3_17_2_1_1724123780363_13893

#3. Use this code to Website Tools > Custom CSS

#block-yui_3_17_2_1_1724123780363_13893 {
  tspan.Marquee-svg-text:nth-child(3n+1) {
      color: red !important;
  }
  tspan.Marquee-svg-text:nth-child(3n+2) {
      color: green !important;
  }
  tspan.Marquee-svg-text:nth-child(3n+3) {
      color: #fff !important;
  }
}

#4. Result