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
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:

  1. Click Add Elements  on the left side of the editor.
  2. Click Text.
  3. Click Text Marquee.
  4. Drag a design you like onto your page.
  5. Enter your text:
    1. Click Change Text.
    2. Enter your text under Add your own text.
The available text marquee designs in the Add Elements panel in the Studio Editor
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.

To design the text marquee element:

  1. Select the relevant text marquee element.
  2. Click the Open Inspector icon  at the top right of the editor.
A screenshot of opening the Inspector panel in the Studio Editor.
  1. Customize your text marquee using the available options under Design: