Marquee text

This section is to highlight the special text or offer in rotating form.

Configure marquee text

Select the customize theme option. Click on the dropdown menu at the top to select the Home page template.

From the left side menu, select Marquee text.

Customize the Marquee text section by utilizing the setting on the right side of the theme editor as described below:

Marquee text

Enable autoplay Select the checkbox to enable autoplay. Show marquee in a single row Select the checkbox to show the marquee text of all added blocks in one row instead of multiple rows. Direction

Select the direction:

-Right to left

-Left to Right

Rotation angle Adjust the slider to set the direction of the marquee text. It tilts the text. (Note: It is not applicable to the marquee text in a single row.) 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

Image

Image Select any image to show above the marquee text. We recommend using the PNG image here to show the best look. Desktop minimum height Adjust the range bar to set the minimum height of the image along with the marquee text on the desktop. Mobile minimum height Adjust the range bar to set the minimum height of the image along with the marquee text on the mobile.

Single row marquee

Scrolling speed desktop

-Adjust the slider to set the scrolling speed between 5s to 100s on the desktop. Scrolling speed mobile

-Adjust the slider to set the scrolling speed between 5s to 100s on the mobile.

COLOR

Background Select any color for the background. Enable background effect Select this checkbox to show the background effect. Effect gradient Select any gradient to show in the background. (Note: Add multiple color stops to view the animation.)

SECTION SPACING

Top spacing (desktop)

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

Bottom spacing (desktop)

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

Top spacing (mobile)

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

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

Block settings

It has two blocks.

Text

Text Add text to show.

Enable highlight text

Select/deselect the checkbox to highlight the text by making it outlined. (Note: Highlight text works on bold and italic text of the heading.)

Outline stroke

Select outline stroke from the option: thin or thick. Enable text shadow Select this checkbox to show text shadow in the slideshow heading. Space between text -Adjust the range bar to set the space between the text blocks.

Scrolling speed desktop

-Adjust the slider to set the scrolling speed between 5s to 100s on the desktop. Scrolling speed mobile

-Adjust the slider to set the scrolling speed between 5s to 100s on the mobile.

FONTS

Font family Select the font family from the Heading or the Body font family. These can be set from the Theme settings> typography. Desktop font size Adjust the slider to select the font size for the desktop view. Mobile font size Adjust the slider to select the font size for the mobile view. Background Select any background color for the single-row marquee text. (Note: It is only applicable to the marquee text in a single row.) Color

Select any color for the text. Highlight color Select any color for the highlighted text. Shadow color Select any color for the text-shadow. Custom SVG code Add “SVG code” to show a custom icon. Make icon small

Select/deselect this checkbox to make the icon small in size.

Custom color

Add custom color to the icon. Use default color

Select/deselect the checkbox to show/hide the icon's default color. Space between text and icon Adjust this range bar to select the space between the text and the icon added in the marquee text.

Last updated