---
title: Marquee
description: "#### The appearance of the “Marquee” ![](https://shopibuffet.com/wp-content/uploads/2024/06/image-3-1024x97.png) #### Section settings | **Setting**s | **Description** | | --- | --- | | **Direction** | Select the desired direction for the scrolling text. **Options include:** **-Left** **-Right** | | **Speed** | Adjust…"
url: "https://shopibuffet.com/doc/scrolling-text/"
updated: "2025-02-24"
category: Sections
---

# Marquee

#### The appearance of the “Marquee”

![](https://shopibuffet.com/wp-content/uploads/2024/06/image-3-1024x97.png)

#### Section settings

| **Setting**s | **Description** |
| --- | --- |
| **Direction** | Select the desired direction for the scrolling text. **Options include:** **-Left** **-Right** |
| **Speed** | Adjust the speed of the scrolling text by increasing or decreasing the value. This allows you to control how fast or slow the text moves across the screen. |
| **Item gap** **(Desktop- Mobile)** | Modify the space between items on both desktop and mobile devices, with a range of 0 to 200 pixels to increase or decrease the gap. |
| **Text size** | Adjust the text size with a range from **12** to **150** pixels to increase or decrease the font size. |
| **Show Icons/Images** | You can hide/show **icons**or **images**between text. |
| **Icons** | Select an icon from the available options. |
| **Image** | Upload a custom image (preferably **60x60px**) if none of the available icons suit your needs. |
| **Icon/Image width** | Control the width of icons or images within a range of **5px** to **60px**. |

#### Scrolling text block

| **Setting**s | **Description** |
| --- | --- |
| **Heading** | Input text here to create a scrolling text effect. |
| **Text stroke** | Toggle this setting to enable text stroke for scrolling text blocks. |

#### Color

| **Setting**s | **Description** |
| --- | --- |
| ****Color scheme**** | You can change the color of the section. |

#### Section padding

| **Setting**s | **Description** |
| --- | --- |
| **Desktop**: Padding top | The section’s **bottom** **inner space** height is determined. From 0 to 150 px, it will be incremented by 5px. **It will affect the desktop.** |
| **Desktop**: Padding bottom | The section’s **top inner space** height is determined. From 0 to 150 px, it will be incremented by 5px. **It will affect the mobile.** |
| **Mobile:** Padding top | The section’s **top inner space** height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.** |
| **Mobile:** Padding bottom | The section’s **bottom** **inner space** height is determined. From 0 to 150 px, it will be incremented by 5px. **It will affect the desktop.** |