Image and logo scroller

Set up the content

1. Content → Heading: Choose Heading style – H2/H3 heading (a section heading like in the other modules, the default) or Label (a small line above a row of logos).
2. Content → Logos and images: Add items with alt text. Captions are shown under images only.

Choose the look

Good to know

• A new scroller starts with Logoipsum placeholder logos. Replace them with your customers' logos under Content → Items.
• Logos work best as SVG or PNG with a transparent background and similar proportions.
• The marquee stops for visitors who prefer reduced motion, and when animations are off for the module, and shows the logos as a static row.
• Background, module width, spacing and alignment work the same in every module – see Backgrounds and Module width and inset panels.
• The row keeps a little room above and below each item, so the hover zoom is never cut off. Change the space between items under Styles → Spacing → Gap between items (80 px by default).
• On a dark background logos are shown in white and brighten on hover.

Text beside the row

Styles → Layout → Heading position places the heading block Above the row, Beside the row, left or Beside the row, right – a label such as «Trusted by 300,000+ customers worldwide» next to a logo marquee, or an eyebrow, heading, lead and up to two Heading buttons (Content → Heading buttons) next to an image carousel. Text column width sets the column. Divider beside the text adds a vertical line between the text and the row. For a marquee, Pause button shows a small pause and play button at the end of the row; Content → Screen reader labels holds the words for the buttons.