Ticker in one line without break

Thanks for contacting me. Please follow these steps to ensure your items don’t wrap:

1. Select the Display Tab and edit your Ticker display.
2. In the Item Styles section, make sure the Max. Width value is empty.
3. Select the Items tab.
4. Click Edit Layout icon for one of your items.
5. Click the Edit CSS icon for the variation Layout.
6. Add white-space: nowrap; to the .ditty-item__elements selector

If all of your items are using the same layout, they should all reflect this css change.

Here’s a quick video you can watch showing these steps: https://www.loom.com/share/eb00b4e416b8493f870b932d12a3ecb2

Let me know if you have any other questions. Thanks!

i already tried that, the content is so in one line, but the content/item is now cut off.

Ok, sorry about that. I didn’t realize it was cropping off. I have found the issue and will push an update today that will resolve this.

I have released version 3.0.7 that resolves this issue.

I have also added a new setting to the Ticker (display type) > Item Styles (section) called Wrap Elements. You can now just set this to nowrap and it’ll force the elements within your items to not wrap. This way you do not need to modify the Layout for the items just to accomplish the nowrap.

o.k., it works – top solution – thanks!

• This reply was modified 2 years, 10 months ago by madmotion.