top of page
Crumpled Fabric

2

Scrolling/Marquee Text in Wix and Editor X Text

Click URL to copy

Mar 29, 2023

2 min read

WIX Ideas Team

Tags: Marquee Text Scrolling Text User Interaction


A scrolling/marquee text is a scrolling piece of text displayed either horizontally across or vertically down your webpage depending on the settings.


In this tutorial you will learn how to add this scrolling text to anywhere on your Wix website without a SINGLE LINE OF CODE. Just using Wix Pro Gallery.


Wix is a No-Code website. Although, certain features require a little code IF YOU NEED IT. In most cases you don't. And such things as a Scrolling Text provided to you by Wix Ideas, can be accomplished without code.


Let me show you how


STEPS

  • Add a a Pro Gallery to your website


add pro gallery to wix website from add elements _ Wix Ideas

  • Stretch your gallery on all sides to make sure it occupies the whole width of your page


Stretch your gallery on all sides to make sure it occupies the whole width of your page | Wix Ideas

  • Click on Settings ▶️ Layout ▶️ Slider ▶️ Customize Layout


Click on Settings ▶️ Layout ▶️ Slider ▶️ Customize Layout | Wix Ideas

  • Under your Image Display, change it to "Fixed." This will ensure that the image shows all dimensions.


Under your Image Display, change it to "Fixed." This will ensure that the image shows all dimensions. | Wix Ideas


  • Under the Slideshow Settings, Enable Loop Images and Slide Automatically. Then select "Continuos." Finally, increase the Slideshow speed to make it faster or reduce it to make the scroll slower.


Under the Slideshow Settings, Enable Loop Images and Slide Automatically. Then select "Continuos." Finally, increase the Slideshow speed to make it faster or reduce it to make the scroll slower. | Wix Ideas

  • Finally, under the Design Settings, change the Spacing to 0 to remove all spacing between Gallery images


Finally, under the Design Settings, change the Spacing to 0 to remove all spacing between Gallery images

  • On the Gallery Settings, choose what happens When Clicking on an Item and select either "A Link Opens" or "Nothing Happens." This is to make sure that there is a link or nothing happens, to replicate the behavior of an actual Marquee element on HTML & CSS


On the Gallery Settings, choose what happens When Clicking on an Item and select either "A Link Opens" or "Nothing Happens." This is to make sure that there is a link or nothing happens, to replicate the behavior of an actual Marquee element on HTML & CSS | Wix Ideas


  • Next, change the height of your gallery to between 50 & 80, depending on the height you prefer.

  • Finally, go to Canva to edit your image with a 1754 x 50 - 80 and import it to your gallery


That's it! You have successfully added a scrolling/marquee text to your Wix website without even writing a single line of code.

Code



Leave a comment (0)

Thanks for leaving a comment🎉

RELATED TUTORIALS 🚀

bottom of page