Brand Scroller

Brand scroller displays scrolling brand logos or partner marks.

Configure Brand Scroller

1. Add Brand scroller.
2. Add a heading if needed.
3. Choose heading tag.
4. Add Brand blocks.
5. Set scroll direction and speed.
6. Enable grayscale or fade edges if desired.
7. Adjust padding.
8. Save.

Section Settings

• Color scheme: Sets the section background and text colors. Use a simple scheme so the logos remain the focus.
• Heading: Optional heading above the logos. Example: As seen in , Stocked by , Partners , or Clients .
• Heading tag: Sets the HTML heading level. Use H2 when the section is a major part of the page, or H3/H4 when it sits under another heading.
• Scroll direction: Controls whether logos move left or right. Direction is mostly visual; choose the direction that feels best with neighboring sections.
• Scroll speed: Controls how quickly logos move. Use a slower speed for fewer or wider logos so customers can recognize them.
• Show logos in grayscale: Converts logos to grayscale for a more consistent look. Turn this off if brand colors are important.
• Fade edges: Adds a soft fade on the left and right edges so the scrolling loop feels smoother.

Spacing is controlled using the shared padding settings. See Section Spacing and Padding.

Brand Block

Each Brand block represents one logo.

• Logo: The logo or brand mark shown in the scroller.
• Logo height: Controls how tall this logo appears. Use this to balance logos with different proportions.
• Link: Optional destination when the logo is clicked. Use this for press articles, partner pages, stockist pages, or external brand links.

Tips

• Use logos with consistent proportions where possible.
• Keep logo files clean with transparent backgrounds.
• Use this section for press logos, stockists, clients, partners, or featured brands.