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:

General

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 Direction Select the direction:

-Right to left

-Left to Right Desktop scrolling speed Adjust the range bar to set the scrolling speed between 5s to 100s on the desktop. Mobile scrolling speed Adjust the range bar to set the scrolling speed between 5s to 100s on the mobile. Desktop heading size Adjust the range bar to set the heading size between 20s to 150s on the desktop. Mobile heading size Adjust the range bar to set the heading size between 20s to 100s on the mobile. Desktop image size Adjust the range bar to set the image size between 44s to 200s on the desktop. Mobile image size Adjust the range bar to set the image size between 20s to 100s on the mobile.

Colors

Color Scheme Select any color scheme defined in the Theme settings>Colors>Schemes.

Section Padding

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.

Block settings

It has two blocks.

Text block:

Text

Heading Add text to show. Font family Select the font family from the heading or body fonts.

Text style

Select the text style from the following options: -Solid -Highlight(With this, the text will be outlined.) -Gradient

Outline stroke

Select outline stroke from the option: thin or thick. Note that this setting works on the highlighted text style.

Colors

Solid Select any color for the solid-styled text. Highlight text Select any color for the highlighted text. Gradient text Select any color for the gradient-styled text.

Space between blocks

Adjust the range bar to add spacing between the blocks.

Icon block:

SVG code

Enter the SVG icon code. Note that the SVG code has more priority than the image added in this block.

Custom color

Select any color for the SVG icon.

Use default color

Tick this checkbox to use the default color of the SVG icon added in the code.

Image

Select any image to show in case the SVG code is not available.

Space between blocks

Adjust the range bar to add spacing between the blocks.

Last updated