---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/marquee'
title: 'Adding a Marquee | DXPR'
author:
  name: docs-sync
  url: 'https://dxpr.com/users/docs-sync'
date: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Scrolling image banner'
tags:
  - 'Data and motion'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adding a Marquee'
      description: 'Scrolling image banner'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T14:31:17+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/marquee'
      articleSection: 'Data and motion'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/elements/marquee'
      description: 'Scrolling image banner'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Add content](/hc/documentation/learn-dxpr-builder/elements) /[Data and motion](/hc/documentation/learn-dxpr-builder/elements/data-and-motion) # Adding a Marquee.

Scrolling image banner

 Learn DXPR BuilderBuild pagesAdd contentData and motion

   ## In this guide

 Related guides

- [Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab)

You get a strip of images that scrolls across the page in one continuous loop. Use it for partner logos, client showcases or brand parades where a static row would need too much space.

## Add a marquee

1. Hover the column and click **+** in its control bar, or click **Add Elements** on an empty page. Open the **Content** tab and click **Marquee**.
2. Clear the sample **Images**, then select your logos from the media library and insert them.
3. Set the **Height** so every logo lines up.
4. Choose the **Speed**; slower reads better for logos.
5. Switch on **Gray scale** for a calm, uniform look.
6. Switch on **Fade edges** to soften where logos enter and leave.
7. Click **Save** in the dialog. Then click **Save** in the toolbar at the top of the content area to store the page.

  ## What you see

Your logos scroll across the page in one continuous loop, all the same height, grey, and fading in and out at the edges. Hovering the strip pauses it so visitors can look closer.

## Set up your marquee

Open **More > Settings** on the element. Options:

- **Images:** the images in the strip. Select from the media browser or paste URLs.
- **Speed:** scroll speed from 1 (slowest) to 5 (fastest); default: 3.
- **Height:** image height in pixels, from 10 to 200 (default: 50).
- **Image layout:** how images are sized: **Fixed height images** or **Fixed width images**.
- **Gray scale:** displays all images in greyscale.
- **Fade edges:** adds a fade effect at the left and right edges.

## If you don't see it

- **Marquee is not in the Content tab.** Your user profile hides it. Ask an administrator to enable it in [User Profiles](/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **It is gone after you reload.** The page was not saved. Add it again and click **Save** in the toolbar at the top of the content area.
- **The strip is empty.** The sample images were cleared and none were inserted. Open **More > Settings** and add images.
- **Logos have different sizes.** **Image layout** is set to **Fixed width images**. Choose **Fixed height images**, then set **Height** once for all.
- **The strip does not move.** Something on the page hovers it, or **Speed** is 1 on a short strip. Move the pointer away and add images or speed.

## What's next?

[Style tab](/hc/documentation/learn-dxpr-builder/element-settings/style-tab) to change spacing and background for your marquee.