Vertical Logo Scroller

Look & Feel

Version: 1.8

Look & Feel

All options under the Look & Feel fieldset.

  • Theme (theme, default: Modern 2026)
    • Modern 2026 — soft panel, gradient fade edges, card shadows, accent tint.
    • Minimal — no panel chrome; logos only.
    • Outline — white panel with stronger card borders.
    • Dark — dark cards and viewport for dark sites.
  • Horizontal Alignment (align, default: Center) — places the scroller Left, Center, or Right inside the module position.
  • Accent Color (themeColor, default: #1819ed) — brand colour for panel tint, button hover, and focus states.
  • Logo Card Width (px) (itemWidth, default: 160, range 60–480) — width of the viewport and card column.
  • Logo Card Height (px) (itemHeight, default: 120, range 40–400) — height of each logo card (also used for ticker distance).
  • Gap Between Logos (px) (itemGap, default: 12, range 0–48) — vertical space between cards.
  • Card Border Size (borderSize, default: 1, range 0–8) — border thickness in pixels; 0 removes the border.
  • Card Border Color (borderColor, default: #e6e9ef) — CSS colour for the card border.
  • Card Background (cardBg, default: #ffffff) — background of each logo card.
  • Card Corner Radius (borderRadius, default: 12px) — CSS radius (e.g. 12px, 50%, 0).
  • Idle Logo Opacity (logoOpacity, default: 0.75) — image opacity before hover (e.g. 0.6–1). On hover/focus the logo becomes full opacity.
  • Greyscale until Hover (greyscale, default: No) — logos render in greyscale and switch to full colour on hover/focus.