The DiviFlash logo carousel module for Divi is a versatile tool designed to showcase a collection of logos or brand identities in a visually appealing carousel format. It’s ideal for displaying client logos, partners, or sponsors.
Content
Add New Item
To add a new logo slider to the logo carousel, click the plus (+) icon labeled “Add New Item.” This will open the “Logo Carousel Item Settings” where you can enter the content for the logo slider.
To learn more about adding content to the testimonial sliders to the carousel, click here.
Carousel Settings
- Max Slide Desktop: Choose the number of logos you want to display on desktop devices.
- Max Slide Tablet: Choose the number of logos you want to display on tablets.
- Max Slide Mobile: Choose the number of logos you want to display on mobile devices.
- Item Max Width: Set a maximum width limit for the logo carousel’s container.
- Spacing: Adjust the space between the carousel items.
- Animation Speed: Define the slide speed for the logo carousel items.
- Loop: Enable this option to add a loop effect to the logo carousel.
- Autoplay: Enable this option to have the logos rotate automatically.
- Autoplay Duration: Define how long the autoplay will pause before moving on to the next logo. Only available when autoplay is enabled.
- Pause on Hover: When enabled, the auto-playing logos will pause when hovered. Only available when autoplay is enabled.
- Arrow Navigation: Turn on to enable arrows to navigate the logos.
- Dot Navigation: Turn on to enable dots to navigate the logos.
- Ticker: Enable to have the logos continuously slide without ever pausing.
- Ticker Pause On Hover: When enabled, the logos will pause when hovered. Only available when the ticker is enabled.
- Animation Speed: Adjust the ticker animation speed. Only available when the ticker is enabled.
Note: When “Ticker” is enabled, all the other effects (Loop, Autoplay) and navigation options (Arrow, Dot) will be disabled.
Link
Comes by default with Divi. No real use case.
Background
Add a background color, gradient, image, and more to all the logos.
Admin Label
Change the module name or label if required which will only be visible to you.
Design
Image Settings
- Image Max Width: Set a maximum width limit for the logos in the carousel.
- Vertical Alignment: Change the vertical position of the logos respective to the logo carousel’s container.
- Equal Height Image Container: Turn on to make all the logo containers the same height.
The next option is to add different color filters to the logos in the carousel.
Arrow
Keep the arrow navigation on to use those design options in this section. You can change the arrow icon color, and their background color and add margins and padding to the arrow buttons.
Dots Color
Keep the arrow navigation on to use those design options in this section. You can change the color of the dots and pick a different color to denote the active dot.
Sizing
Adjust the width, height, and alignment of the entire module.
Spacing
Add custom margins and padding to the carousel’s container and the logo container.
Border
Border customization options for the logo carousel. You have the option to style each border individually or all the borders together.
Filters
Add color filters to the logos in the carousel.
Transform
Change the scale, placement, size, angle, etc. of the module.
Animation
Apply a reveal animation effect to the logo carousel and customize the delay, duration, repeat, etc. of the animation.
Advanced
The default tab for all Divi modules is used to add custom CSS code, conditions, visibilities, etc.
Logo Carousel Item Settings
From here, you can add and style logos. Any customization you make here will override the settings you make in the “Logo Carousel Settings.”
Content
Image
Add the logo and its alt text.
Link
Comes by default with Divi. No real use case.
Background
Add a background color, gradient, image, and more to the logo.
Admin Label
Change the logo slider name or label if required which will only be visible to you.
Design
The sections available here offer functionalities similar to those of their counterparts in the “Logo Carousel Settings.”
Advanced
The default tab for all Divi modules is used to add custom CSS code, conditions, visibilities, etc.
Do You Still Have Questions?
If you still have questions, then contact our support team at support@diviflash.com
