Marquee

The Marquee section lets text or images scroll continuously across the screen, creating a dynamic, eye-catching effect for announcements, promotions, or brand messages.

There are 2 ways to add a Section to your store

1. Add a pre-made section from our demo?

Read the instructions here

2. Add the Marquee section manually?

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Marque".

Section settings

Settings	Meaning
Motion direction	Set the motion direction of the animation: forward or reverse.
Gap	Adjust the spacing between elements.
Color scheme	Choose the color scheme applied to this element or section.

Center image

Settings	Meaning
Image	Select an image to display in this section.

Animations

Settings	Meaning
Type	Choose the type of animation
Speed	Adjust the speed of the animation

Padding

Setting	Meaning
Top	Adjust the spacing at the top of the section.
Bottom	Adjust the spacing at the bottom of the section.

Block settings

[BLOCK] Text

Settings	Meaning
Text	Enter text to showSpecial
Typing text	Toggle to enable or disable special text style.
Highlight	Toggle to enable or disable text highlight.
Spacing text	Toggle to enable or disable text spacing adjustment.
Stroke	Add or adjust the outline (stroke) of the text.
Width	Set the element width for Desktop: fit content, fill container, or use custom size.
Tablet width	Set the element width for Tablet: fit content, fill container, or use custom size.
Mobile width	Set the element width for Mobile: fit content, fill container, or use custom size.
Preset ( Typography)	Select a predefined typography style for text.
Font	Choose the font style for the text.
	Choose the size for the text.
Line height	Choose the line height for the text.
Letter spacing	Adjust the spacing between individual letters.
Case	Set the text case
Wrap	Choose the text casing style
Color	Choose the color type to customize
Background	Toggle to enable or disable background for the title.
Enable border	Toggle to enable or disable the border.
Enable bottom border	Toggle to Enable bottom border
Effects	Choose an animation effect for the element.
Top	Adjust the spacing above the heading.
Bottom	Adjust the spacing below the heading.
Left	Adjust the spacing to the left of the heading.
Right	Adjust the spacing to the right of the heading.

[BLOCK] Icon

Settings	Meaning
Custom icon	Choose a custom icon type for the element
SVG icon	Select or upload an SVG file to use as the icon. Go to this link find your icon. Find the icon you want, then copy the SVG code and paste it here.
Link	Set a URL or link for the element or icon.
Open link in new tab	Toggle to enable or disable opening the link in a new tab.

Zero design skills? Create professional mockups, logos & videos for your store in seconds. Create... in seconds​

Need More Help?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our Ticket System — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

Join HaloThemes Community