How to Create a Logo Carousel in Divi (Step-by-Step)

Divi includes a built-in Group Carousel module for creating logo carousels, but it requires a lot of manual setup. There are no ready-made layouts, so you have to build every item from scratch.

The DiviGear Carousel Module makes it easier with pre-built layouts, simpler controls, and better results with less effort.

This guide covers both options to create a logo carousel in Divi. You can pick the one that fits your workflow. Starting with the DiviGear Carousel Module, then covering Divi’s built-in Group Carousel module.

Our Created Logo Carousel’s Preview

To show you how to create a logo carousel in Divi, we have created the following logo carousel demo.

We will show you how you can create something similar using Divi’s default and the third-party module.

Required Setup

• The Latest Version of Divi is installed and activated.
• Divi Carousel Module by DiviGear is installed and activated.

Once these requirements are met, let’s start creating the logo carousel.

Method 1: Creating a Logo Carousel Using the DiviGear Carousel Module

DiviGear gives you two ways to create a logo carousel in Divi:

• Option 1: Use DiviGear’s pre-designed section layouts
• Option 2: Build from scratch

Option 1: Create a Logo Carousel Using Pre-Designed Layouts

DiviGear offers 60+ pre-designed section layouts, with 10+ made specifically for logo carousels. You can download any layout and import it directly into the Divi Visual Builder.

Here is how to do this:

• Go to the DiviGear Logo Carousel template page.

• Download your preferred layout.
• Open the page or post in Divi where you want to add the carousel.
• Click + Icon (Section Inserter) to add a new section.

• Select Add From Library

• Click Import.

• Choose the downloaded file from your computer and check Import Presets.

• Click the Import Layout Section.
• Select the imported layout from the library and click Use This Section.

• Once imported, update it with your own content and styling using the Content, Design, and Advanced tabs.

Note: You can also import the layout from your WordPress dashboard. Go to Divi > Divi Library > Import & Export > Import tab. Select the downloaded file, check Import Presets, and click Import Divi Builder Layout.

Option 2: Create a Logo Carousel in Divi from Scratch

Now we will show you how to build the same logo carousel layout from scratch using the DiviGear Carousel Module, so you can understand how it works and create a custom one based on your needs.

Step 1: Insert the DiviGear Carousel Module

• Open the page or post in the Divi Visual Builder.
• Choose a column layout from the Row Inserter.
• Click the Module Inserter (black + icon) and search for the Divi Carousel module.

By default, the module appears with 5 carousel items. You can keep and edit them or delete the ones you do not need.

Step 2: Configure the Divi Carousel Module

Now let’s define the functionality of the logo carousel.

• Go to the Content tab from the Settings Panel.
• Open Slider Settings and set the following:
  • Show Item Desktop: 8
  • Show Item Mobile: 1

• Content Slide: Enable
• Loop: Enable
• AutoPlay: Enable
• Scroller Effect: Enable
  • Transition Duration For Scroll Effect: 2 Seconds
• Vertical Align: Center
• Keyboard Control: Enable
• Mouse Wheel Control: Enable

Step 3: Configure the Carousel Item

Now remove the default title and subtitle text from the first carousel item. Then duplicate it for as many logos as you want to show.

Remove Title and Subtitle Text:

• Select a Carousel item from Layers.
• Go to Settings Panel > Content tab > Main Content and do the following:
  • Title: Remove the Title text.
  • Subtitle: Remove the Subtitle text.

Remove the Default Carousel Items (2-5):

• Select the Divi Carousel Module from Layers.
• Go to the Content tab from the Settings Panel.
• Remove the default carousel items (2-5) using the Delete Item icon.

Duplicate the First Carousel Item:

• Click the Duplicate item icon beside the first carousel item.
• Duplicate it for as many logos as you want to add.

Step 4: Add the Content (Logos)

• Select each Carousel item from Layers.
• Go to the Content tab from the Settings Panel.
• Open Image Settings and upload the logo as an image.

• Upload all your logos following the same process.

Pro Tip: Make sure all uploaded logos have a transparent background and the same height. This keeps the carousel looking consistent and clean.

Step 5: Style the Logo Carousel

After adding all the logos, style the entire carousel to match the imported layout.

Style The Images:

• Select the Divi Carousel module from Layers.
• Go to Settings Panel > Design tab > Image and set:
  • Force Full Width: Enable

Apply Fade Effect to the Carousel Container:

• Open Container Style and Enable Fade Effect.

This creates a fade effect on both sides of the logo carousel container.

Set Border to Carousel Item:

• Open the Item Border settings and set the following:
  • Border Radius: 16px (all-corners)
  • Border Width: 1px
  • Border Color: #EAEAEA

That’s it. We have created the same logo carousel in Divi from scratch using the DiviGear Carousel Module.

You can follow the same steps with your own content and styling to build one for your site.

Method 2: Creating a Logo Carousel Using Divi’s Group Carousel Module

Now we will show you how to build the same logo carousel layout from scratch using the DiviGear Carousel Module, so you can understand how it works and create a custom one based on your needs.

Note: The fade effect used in the DiviGear method cannot be replicated with the Group Carousel module without adding custom CSS from the Advanced tab.

Step 1: Insert the Divi Group Carousel Module

• Open the page or post in the Divi Visual Builder.
• Click the Row Inserter and choose a column layout.
• Click the Plus icon (Module Inserter) and select the Group Carousel module.

Step 2: Configure the Group Carousel Module

Set how many carousel items to show by default and how many to scroll at a time.

• Go to Settings Panel > Content tab > Elements and set:
  • Show Dot Navigation: Disable
  • Show Arrows: Disable

• Open the Carousel Settings and set:
  • Automatic Rotation: Enable
    • Automatic Rotation Speed: 1500 ms
  • Pause on Hover: Enable
  • Center Mode: Enable
  • Transition Speed: 1500 ms
  • Slides To Show: 8

Step 3: Configure the First Carousel item

Now configure the first carousel item and duplicate it for the rest.

• Select the first carousel item from Layers.
• Go to Settings Panel > Design tab and do the following:
  • Open Spacing and set the following Margin:
    • Left: 15px
    • Right: 15px

• Open Border Settings and set:
  • Border Radius: 16px (all corners)
  • Border Width: 1px
  • Border Color: #EAEAEA

Step 4: Add Content (Logo)

• Hover over the First Carousel Item from Layers.
• Click the (⋮) three-dot icon next to it.

• Hover hover Add Element and select Add Element inside.

• Search for the Image Module and Insert it.

• Go to the Content tab > Image and upload the logo in image format.

Pro Tip: Make sure all uploaded logos have a transparent background and the same height. This keeps the carousel looking consistent and clean.

Step 5: Style the Logo (Image)

• Go to Design tab > open Alignment settings and set:
  • Image Alignment: Center

• Open Sizing settings and enable Force Full Width.

Step 6: Duplicate the First Carousel Item

• Select the First Carousel item from Layers.
• Click the (⋮) three-dot icon next to it.
• Select Duplicate Group.

This duplicates the first carousel item along with the elements inside it. The styling carries over automatically.

Step 7: Replace Content (Logo)

Now select each Image module from the newly added carousel items and replace the placeholder logo with your own. To do this:

• Expand the newly added Carousel Items from Layers
• Select the individual Image Module
• Go to Settings Panel > Content tab > Image
• Upload the Unique Logos as images.

After replacing all the logos, your logo carousel is complete. It matches the layout imported from the DiviGear library.

That’s it. We have created the same logo carousel using Divi’s built-in Group Carousel module. Keep in mind that this method does not include the fade effect. To add it, you need to apply custom CSS from the Advanced tab.

Final Thought: Which Method Should You Apply?

Both methods work for creating almost similar Logo Carousels in Divi. The main difference is how long it takes and how much you can do without extra configuration.

DiviGear is the more practical choice for most users. The pre-designed layouts handle the bulk of the setup. Also, the fade effect comes built in, so you get a cleaner result without writing any code.

If you want to stay within Divi’s default tools and avoid adding another plugin, the Group Carousel module is a solid option. It takes more steps, and some features like the fade effect require custom CSS. But it gets the job done if you are willing to put in the extra work.

Both paths lead to the same result. Pick the one that fits how you work and build your logo carousel.