When they search, make sure they find you!

ID Logo Scroller

A seamless infinite logo scroller element for WPBakery Page Builder.

v1.0.2 Free Documentation

Description

Display client logos, partner brands, or sponsor images in a smooth, infinitely scrolling carousel. ID Logo Scroller integrates directly with ID Visual Editor and WPBakery Page Builder, giving you a drag-and-drop element that loops logos seamlessly with no visible breaks, pauses on hover, and looks great on every screen size.

Seamless Infinite Scroll

The carousel duplicates your logo strip and uses a CSS animation to create a perfectly seamless loop. There’s no JavaScript animation library — just a clean keyframe animation that runs smoothly at 60fps. Logos scroll continuously from right to left, and the transition from the last logo back to the first is completely invisible.

Three Speed Options

Choose the scroll speed that matches your design: Slow (40 seconds per cycle), Medium (25 seconds), or Fast (15 seconds). The speed applies to the full animation cycle, so the perceived speed scales naturally with the number of logos. More logos means more content scrolling at the same pace — it never feels rushed or sluggish.

Customizable Sizing and Spacing

Control the logo height in pixels — the width scales automatically to maintain each logo’s aspect ratio. Set the gap between logos to achieve the visual density you want, from tightly packed to generously spaced. Both settings use CSS custom properties, making it easy to override from your theme if needed.

Linked Logos

Optionally add a URL to each logo so visitors can click through to a partner’s website or a dedicated page. Links open in a new tab with proper rel="nofollow noreferrer" attributes for security. Logos without a URL simply display as static images within the scroll.

Accessible by Default

The carousel respects the prefers-reduced-motion media query — if a visitor has requested reduced motion in their OS settings, the animation pauses automatically. The hover-to-pause behavior gives everyone an easy way to stop the scroll and read a logo or click a link.

Key Features

  • Seamless infinite scrolling — CSS keyframe animation with duplicated logo strip for invisible looping
  • Three speed options — Slow (40s), Medium (25s), and Fast (15s) animation cycles
  • Customizable logo height with automatic aspect ratio preservation
  • Configurable spacing between logos using CSS custom properties
  • Optional click-through links on each logo with target="_blank" and rel="noopener noreferrer"
  • Hover to pause — animation stops on hover for accessibility and interaction
  • Respects prefers-reduced-motion — animation pauses for users who request reduced motion
  • Fully responsive — adapts to all screen sizes from mobile to desktop
  • WPBakery Page Builder integration — native drag-and-drop element with full options panel
  • WordPress media library integration for easy logo management
  • Alt text support on every logo for SEO and accessibility
  • Unique element IDs prevent conflicts when multiple carousels are used on the same page
  • Pure CSS animation — no JavaScript animation libraries or dependencies
  • Lightweight implementation with minimal footprint

Requirements

WordPress 5.0+
PHP 7.2+
Tested Up To 6.9

Changelog

# Changelog

All notable changes to ID Logo Scroller will be documented in this file.

## 1.0.2 — 2026-02-15

- Added IDVE (Insight Dezign Visual Editor) block integration.

## 1.0.1 — 2026-02-15

- Added License, License URI, Plugin URI, Text Domain, and Domain Path to plugin header.
- Added `readme.txt` with full plugin description and shortcode documentation.
- Added `CHANGELOG.md`.
- Added `uninstall.php` cleanup handler.
- Added `languages/` directory for translation support.
- Added `IDLS_VERSION`, `IDLS_PLUGIN_DIR`, and `IDLS_PLUGIN_URL` constants.
- Added minified CSS with `SCRIPT_DEBUG` support.

## 1.0.0

- Initial release.
- Seamless infinite logo scroller with CSS-only animation.
- WPBakery Page Builder element integration.
- Configurable speed, logo height, and gap.
- Optional per-logo links.
- Accessibility: pause on hover, respects `prefers-reduced-motion`.