The Infinite Logos Page Builder element create a loop of images where each can be linked to a different URL. 

The images are displayed in a constant loop and can have mouse over effects to make the display more engaging. The effect can be to reveal the colors in the image, scale up the image or both. There is also an option to pause the scroll on mouse over.

It can be a very interesting alternative to a Carousel when displaying logos of Sponsors or Partners.

Dark theme example in 80% of the width

Example configured with 80% width, force full width set to No, show tooltip set to yes, images in a 160x80 box, no pause on hover and reveal color hover effect.

Container settings configured with dark gray background, white text and padding all around.

Aero logo
Drupal Association Logo
Wordpress logo

Full Width with Tooltip and Pause

This example has force full width to occupy the entire width of the page, not just the width of the content. Show tooltip set to Yes, images in a 320x160 box. On hover, pause, reveal color and enlarge the image.

Container settings configured with light blue background and padding all around.

This is an picture of a beautiful bridge
Forrest in the Fall
View of city at night

Configurations

Component Configurations:

  • Title
  • If the title should be displayed in the page or not
  • An introduction text
  • The width of the component as a percentage of the total width available for the component
  • Force full width (Yes/No) to make the images scroll through the entire width of the page
  • Show tooltip on mouse over (Yes/No)
  • Box width (px)
  • Box height (px)
  • Gap (px)
  • Pause on hover (Yes/No)
  • Hover effect (None/Reveal Color/Scale Up/Reveal Color+Scale Up)
  • The placement (top of page, bottom of page, inline, inside a simple content region, etc.)
  • Custom CSS Class
  • Container Settings

Container Settings

Container settings allows the configuration of the container housing the component. It allows the following settings:

  • Padding (in px): top, right, bottom, left. Defaults to 0px for all.
  • Margins (in px): top, right, bottom, left. Defaults to 32px in the bottom.
  • Border (in px): top, right, bottom, left. Defaults to 0px for all.
  • Border Radius (in px): defaults to 0px.
  • Border Color
  • Background
    • Color
    • Text Color
    • Extend text color to items or not
    • Opacity (%)
    • Blur (in px)
    • Media (image / video)
      • Parallax Effect (for Image only)

Item Configuration

  • Title (used for tooltip)
  • Description (internal use only)
  • Subtitle (for tooltip)
  • Logo
  • Custom color logo
  • Link
  • Custom CSS Class