How to - sliding text element

Hi there. On Editor X’s trend guide there’s a sliding text element. Can someone revel the code for this element?
Thank you!

Hey @shirilipinsky ,
You can find the explanation for this running text in this link ,
Make sure to follow the build structure as well before pasting the code :slightly_smiling_face:

Thanks a lot!

@jonathant I don’t understand why Editor X can’t add a feature that allows us to customize the CSS Stylesheet. I could create this sliding text banner in 2 seconds with CSS or HTML but instead with Editor X I have to hack it with Javascript and waste time with the process. Although Editor X is meant to be ‘simple’, it makes simple jobs difficult.

1 Like

@jonathant Can you clarify where exactly I past the code? Thank you, still very new to editor x!

Hi @wmlbaldwin
You need to open the dev mode from the top bar
and paste the code in the code panel that opens at the bottom
You can learn more about Velo here:

@klarak Thanks. I was able to make it work. Is there anyway to have a long line of text without it going to a second line once it reaches the max width?

Hi Jonathan, I try to use your code, but something went wrong. I use same structure 2 containers with 4x1 grid each, both 100vw. But the screen on this section look likes 200vw, I mean, we can slide the whole page to the right.

Hey @info60133 , it seems like your container isn’t stretched to fit the whole width, or the elements inside have a fixed width, what makes the container larger than it should be.
The parent container/section must have “overflow content” se to hidden.
If you don’t manage to fix it, share the link and I’ll take a look.

@wmlbaldwin You can make your text fixed size and change it on each break point manually. This will prevent the container from shrinking and breaking the text. Another approach is to use text scale and make everything scale proportionally together. Play with it see what suits you better.

@jonathant TKS, now works. Just hidden overflow.

Hi @Jonathan Tsodikovitch, I finally got the opportunity to try this out, and though I change dthe ideas of the two containers to the ones in the code, I get the following message error. Any idea why?