--- title: "Advanced Logo Carousel" url: "https://divitorque.com/docs/advanced-logo-carousel.md" canonical: "https://divitorque.com/docs/advanced-logo-carousel/" published: "2026-09-29" modified: "2026-09-29" author: "Fahim Reza" tags: - "Modules" --- # Advanced Logo Carousel Advanced Logo Carousel scrolls a row of logos. Its one job is to present client, partner or press logos in a carousel, with each logo added as a child item. ## How to add the Advanced Logo Carousel module 1. Open the Visual Builder and add a section and row. 2. Search for "Advanced Logo Carousel" and add the module. 3. Click the plus icon inside the module to add a Logo Carousel Item for each logo. 4. Open each item and upload the logo image. ## Content ### Logo Settings group (parent module) - **Logo Hover Effect:** None, Zoom In, Zoom Out, Fade or Grayscale to Color. Default is Zoom In. - **Logo Height:** Default auto. - **Logo Width:** Default auto. ### Slides group - **Slides to Show:** Default 4. Can be set per device. - **Slides to Scroll:** Default 1. - **Gap Between Slides:** Default 15px. - **Vertical Direction:** Off by default. Vertical mode shows one slide at a time. - **Variable Slide Width:** Off by default. Shown only when Vertical Direction is off. - **Slide Width:** Default 360px. Shown only when Variable Slide Width is on. ### Autoplay & Motion group - **Autoplay:** On by default. - **Autoplay Delay:** Default 3000ms. Shown only when Autoplay is on. - **Transition Speed:** Default 600ms. - **Transition Easing:** Ease In-Out (default), Linear, Ease, Ease In or Ease Out. - **Infinite Loop:** On by default. - **Right to Left:** Off by default. Sets the carousel direction to right to left. ### Interaction group - **Drag / Swipe:** On by default. - **Center Active Slide:** Off by default. Shown only when Vertical Direction is off. - **Center Mode Style:** Classic (default) or Highlighted. Shown when Center Active Slide is on. - **Center Peek:** Default 70px. Shown when Center Active Slide is on. - **Custom Cursor:** Off by default. - **Cursor Style:** Grab (default), Pointer, Move, Default, Pizza or Burger. Shown when Custom Cursor is on. ### Arrows & Dots group - **Show Arrows:** On by default. - **Arrow Layout:** Overlay (default) or Alongside. - **Previous Arrow Icon** and **Next Arrow Icon:** Icon pickers for the two arrows. - **Show Dots:** Off by default. - **Pagination Style:** Dots (default) or Numbers. ### Logo Carousel Item Each item has a Content tab with a Logo group. - **Logo:** The uploaded image. - **Logo Alt Text:** Alternative text for the image. - **Link the Logo:** Off by default. - **Link URL:** Where the logo links. Used when Link the Logo is on. - **Open in New Window:** Off by default. - **Add Nofollow:** Off by default. ## Design ### Parent module - **Arrow Style:** Arrow Icon Color (default #ffffff), Arrow Background (#2ea3f2), Arrow Height and Width (44px), Arrow Icon Size (22px), Arrow Corner Radius (44px), Arrow Skew (0deg). - **Arrow Border:** Width (0px), Color (#333333) and Style (Solid). - **Arrow Position:** For Overlay layout, Arrow Horizontal Offset (-15px) and Arrow Vertical Position (50%). For Alongside layout, Arrows Vertical Edge (Bottom), Arrows Horizontal Edge (Right), Gap Between Arrows (10px) and Center the Arrows (off). - **Dot Style:** Dot Color (#cccccc), Active Dot Color (#2ea3f2), Dot Height and Width (10px), Active Dot Width, Dot Corner Radius (10px). Shown for Dots pagination. - **Number Style:** Number Color (#333333), Number Size (16px), Active Number Color (#2ea3f2). Shown for Numbers pagination. - **Dot Position:** Alignment (Center), Dots Spacing Top (15px), Dot Spacing (8px). - **Carousel Spacing:** Spacing Top and Spacing Bottom, both 0px. ### Logo Carousel Item - **Logo group:** Border options for the logo image. - **Overlay group:** Overlay (off by default), Speed (500ms), Icon, Icon Color (#ffffff), Icon Size (32px), Icon Opacity (1) and Overlay Color (rgba(46,163,242,0.85)). The overlay appears when the pointer is over the logo. ## FAQ ### Does Advanced Logo Carousel work in Divi 4 and Divi 5? The plugin includes a Divi 4 version and a native Divi 5 module with the same name. Divi 4 layouts convert to the Divi 5 module. This page describes the Divi 5 settings. ### Is the carousel keyboard accessible? The carousel is built on Swiper with arrow-key control and labeled previous and next buttons enabled. ### Do I need a separate slider plugin? No. Swiper ships with the module.