✨Marquee text

Section visibility

Select from the options to select the visibility of this section: -Always -Small devices only(On selecting this, the section will be visible on mobile devices only.) -Large devices only.

Marquee type

Choose the marquee type from the following options: -On scroll: Using this, the marquee text rotates on the page scroll only. -Always: Using this, the marquee text rotates always irrespective of the page scroll. -Both: Using this, the marquee text keeps rotating automatically and rotates on page scroll as well.

Direction

Select the direction:

-Left to Right -Right to left.

Desktop scrolling speed

Adjust the range bar to select the rotation speed on the desktop.

Mobile scrolling speed

Adjust the range bar to select the rotation speed on the mobile.

Rotation angle

Adjust the range bar to choose the rotation angle of the marquee text.

Colors

Background Choose any color for the background.

Section spacing

Top spacing (desktop)

Adjust the range bar to add spacing at the top of the section for desktop view.

Bottom spacing (desktop)

Adjust the range bar to add spacing at the bottom of the section for desktop view.

Top spacing (mobile)

Adjust the range bar to add spacing at the top of the section for mobile view.

Bottom spacing (mobile) Adjust the range bar to add spacing at the bottom of the section for mobile view.

Text block settings:

Text

Type any text to rotate. Note: The bold text is outlined in the marquee text.

Space between text

Adjust the range bar to select the space between the rotating text rows.

Style

Choose the marquee text style from the following: -Solid -Outlined -Gradient -Outline with filled

Font

Font family Select the font family from the heading or body font. (These fonts can be changed in the theme settings>typography.) Desktop font size Adjust the range bar to select the font size on the desktop. Mobile font size Adjust the range bar to select the font size on the mobile. Outline thickness Adjust the range bar to select the outline thickness of the rotating text, which is bold in the editor.

Color

Text color Choose any text color. Outline Choose any color for the outlined text. Gradient Choose any color for the gradient text. Custom SVG code Add the SVG code of the icon. Make icon small Tick this checkbox to make the SVG smaller in size. Space between text and icon Adjust the range bar to determine the space between the text and the icon.

Last updated