Scrolling/Marquee Text in Wix and Editor X Text

WIX IDEAS TUTORIALS

Scrolling/Marquee Text in Wix and Editor X Text

Click URL to copy

Mar 29, 2023

2 min read

WIX Ideas

Tags: Marquee Text Scrolling Text User Interaction

Preview Example

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

bromar

Sep 29, 2023

Love the tutorial!!!

You are truly great at creating these instructional videos!! Thank you! I am having trouble figuring out . . 'the triggered email' . . it is not being sent to the user submitting the form, the form and the email to the admin works great. . Could you point me to where this might have already been addressed? or any other help? On a second note. .the submit button success/failure message will go back to the default message once it's connected to the data set(I couldn't figure that out either. )

Admin

kaan

Jun 4, 2023

wishlist and rating system

hello sir I try today 2 hours but not working if you want I pay money can you do this 2 ( wishlist and rating star) system please I send to you invaid

Admin

Waqas

Apr 16, 2023

Triggered Email Backend

Hi mate please can you send email by backend

Walter Odibi

Admin

Hi Waqas, there isn't a backend code for this tutorial. The emails will be sent from the client-side.

Ghan

Dec 29, 2022

Great Tutorial

Hi !

First of all, I want to thank you for your great tutorials, they helped us a lot with the coding.
But I still need your help, if you don't mind. I have based on Save Calculated Field using Wix Data Hooks Codes, to code my form . but the problem is I don't know why the code only reads the computation for "week2" computation and not the "weeks"

here is the code

I also did a separate column in the dataset where the chosen datas for both fields will be placed.

$w.onReady (() => {
$w("#Person").onChange(() => {
$w("#weeks").onChange(() => {
$w("#week2").onChange(() => {
let person = Number($w("#Person").value);
let weeks = Number($w("#weeks").value);
let week2 = Number($w("#week2").value);

$w("#totalLabel").show();

$w("#totalLabel").text = `"${String(weeks * Number(person))}페소"`; //DESIGN YOUR MESSAGE
$w("#totalLabel").text = `"${String(week2 * Number(person))}페소"`; //DESIGN YOUR MESSAGE

});
});
});

});

Walter Odibi

Admin

Admin

•