header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Studio Editor: Adding and Customizing Text Marquee

4 min
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:
Example of a text marquee on a live Studio Editor site - reads
The available text marquee designs in the Add Elements panel in the Studio Editor
A screenshot of opening the Inspector panel in the Studio Editor.