# Scrolling Text and Images

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FIdbXXAYf3FYV0pYP6hCO%2Fheader_10.jpg?alt=media&#x26;token=842b71b5-beec-48d5-84bd-347458509d76" alt=""><figcaption></figcaption></figure>

**Location:** `Header → Header Sections → Scrolling Text and Images`

***

## Scrolling Text and Images **— Options Overview**

| **Option Group**  | **Setting**                   | **Available Values**                                                                                              | **Description**                                                      |
| ----------------- | ----------------------------- | ----------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| **Layout**        | **Top spacing**               | None, Small                                                                                                       | Controls the spacing above the section. Works only on the home page. |
| **Settings**      | **Horizontal spacing**        | 30–300                                                                                                            | Adjusts horizontal spacing between elements (in pixels).             |
|                   | **Image hover effect**        | Basic theme settings, Disable, Zoom in #1, Zoom in and rotate, Zoom in #2, Zoom out #1, Zoom out #2, Slide, Shine | Defines the visual effect applied when hovering over an image.       |
|                   | **Image roundness**           | 0–100                                                                                                             | Sets the border-radius of images (in pixels).                        |
|                   | **Ticker time**               | 5–100                                                                                                             | Determines the speed of ticker movement (in seconds).                |
|                   | **Direction of move**         | Left, Right                                                                                                       | Controls the direction in which content scrolls or moves.            |
| **Dividing Line** | **Show top line**             | —                                                                                                                 | Displays a dividing line above the section.                          |
|                   | **Show bottom line**          | —                                                                                                                 | Displays a dividing line below the section.                          |
| **Background**    | **Background**                | Hide, Color, Gradient                                                                                             | Defines the background type for the section.                         |
|                   | **Color**                     | —                                                                                                                 | Sets the background color or gradient tone.                          |
|                   | **Vertical internal padding** | —                                                                                                                 | Adjusts internal vertical spacing within the section.                |
| **Colors**        | **Base**                      | —                                                                                                                 | Sets the base text color for this section.                           |
|                   | **Accent**                    | —                                                                                                                 | Defines the color for highlighted or accent elements.                |
|                   | **Lines**                     | —                                                                                                                 | Sets the color of dividing lines.                                    |
|                   | **Icon**                      | —                                                                                                                 | Controls the default color of icons.                                 |
|                   | **Icon hover**                | —                                                                                                                 | Defines the color of icons on hover.                                 |
