Logo List
Shows a grid of logos in one to ten columns, with a hover effect and an optional tooltip on each logo.
The Logo List module shows a grid of logos, for example clients, partners or press mentions. Its one job is a tidy static grid of logo images.
How to add it
- Open the page in the Divi 5 Visual Builder.
- Add a module to a row and search for Logo List.
- Add logos with the module's item control. Each logo is a Logo Grid Item.
- Upload a logo in each item, then set the grid on the parent module.
Content tab: Logo List (parent)
Grid Settings
- Column: 1 to 10 columns. Default 4.
- Column Height: fixed height for each grid cell. No default.
- Grid Gap: default 5px.
- Logo Size: static logo width. No default.
- Logo Hover Style: None, Zoom In (default), Zoom Out, Fade Out, Black and White.
- Logo Overflow: Visible (default) or Hidden. Hidden clips the logo.
Content tab: Logo Grid Item (each logo)
Content
- Upload Logo.
- Logo Alt Text: alt text for the image.
- Use Tooltip: off by default.
- Tooltip Text: default "Tooltip!". Shown when Use Tooltip is on.
Design tab: Logo Grid Item
Logo Box
- Logo Box background and spacing.
- Logo border.
Tooltip
- Theme: Dark (default) or Light.
- Position: Top (default), Bottom, Left, Right.
- Animation: Scale (default) or Fade.
FAQ
Does it work in Divi 4?
Yes. A Divi 4 version exists (shortcodes torq_logo_list and torq_logo_list_child). This page describes the Divi 5 settings.
How do tooltips work?
Each logo with Use Tooltip on gets data-tippy-* attributes for position, animation and theme. The tooltip libraries are enqueued only when a tooltip is used.
Can the tooltip text be dynamic?
The Divi 5 render code resolves the Tooltip Text value through the module's dynamic value helper before output.