Studio Editor: Adding and Customizing Text Marquee
4 min read
In this article
- Adding text marquee
- Designing the text marquee element
Enhance user engagement effortlessly with text marquee—a running text element that instantly grabs attention, showcases content dynamically, and requires no coding.
![Example of a text marquee on a live Studio Editor site - reads](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/02/43c5288f-7651-4013-b953-35e82830e5be/0959e745-176f-454f-8b9b-60ea3dd016d6.gif)
Working with breakpoints:
The text and the design settings you choose automatically apply to all breakpoints.
Adding text marquee
Head over to the Add Elements panel to add a new text marquee element to your client's site. After selecting a design, enter your text.
Note:
You can enter up to 450 characters.
To add text marquee:
- Click Add Elements
on the left side of the editor.
- Click Text.
- Click Text Marquee.
- Drag a design you like onto your page.
- Enter your text:
- Click Change Text.
- Enter your text under Add your own text.
![The available text marquee designs in the Add Elements panel in the Studio Editor](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/02/21b70113-86d1-461e-b4e0-98247dc6d3e4/b2a1ef96-2995-47db-9a3d-66ae2c976fac.png)
Tip:
You can add emojis to your marquee text using the relevant keyboard shortcut:
- PC: Windows logo key + .
- Mac: Control + Command + Space
Designing the text marquee element
Customize the way the text marquee looks and moves. Change the text formatting, capitalization and spacing to meet your needs. Fine-tune it even more by adjusting the separator icon, speed and direction.
Tip:
Click the Stretch icon
on the element to make it full width.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/02/4f3d9da6-a6d9-4923-9ffb-9d86999b9406/2a5cd1b1-3cd9-490b-9a8e-a07bdd07acc7.png)
To design the text marquee element:
- Select the relevant text marquee element.
- Click the Open Inspector icon
at the top right of the editor.
![A screenshot of opening the Inspector panel in the Studio Editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Customize your text marquee using the available options under Design:
Text
Separator
Movement