How to keep all the given texts in the marque when using linear-gradient?

[Kazuma8]

As soon the marquee text start scrolling, it cuts words and phrases that should also be showing.

This is how it appears in the store:

Even though the full text should be:

Is there a code to fix this and make all the following phrases appear in the marquee linear gradient texts?

In advance: my theme is Dawn, and the codes Im using to do all of this is:

Best Sellers! Free shipping

marquee { font-family: "Barlow", sans-serif; font-size: 80px; font-weight: bold; } </style

In the custom liquid section

And the Custom CSS is:

p {
background-image: linear-gradient(to right, red, blue);
color: transparent;
background-clip: text;
text-fill-color: transparent;
background-size: 100%;
background-size: 100%;
}

If anyone could help I’d be super grateful

I lose the whole day trying to fix but dind’t succeed…

[TheScriptFlow]

Hey @Kazuma8 I can check there is many typos in the code that you provide me. You use global classes for that. Could you please share your Store URL and password [If applicable] so that I take a look and provide you solution code.

Thanks

[Kazuma8]

In the desktop shows more text than in the mobile version, but also theres a limit of texts that even in desktop cuts…

[Kazuma8]

Already solved