In this documentation, we will discuss the customization of the Logo Carousel widget, brought to you by the Element Pack Pro addon.
Inserting The Logo Carousel Widget
Open your page in the Elementor editor, search by the Logo Carousel widget name, and then drag-drop it on the page.
Work With Content Tab
Layout Section Customization
Go to Content > Layout
Come to the Layout section, Find the Columns ( 1 to 6 ), Column Gap, Item Height, Image Size, and Image Mask options.
Logo Carousel Item section
Go to Content > Logo Carousel Item
Come to the Logo Carousel Item section, you can add the Logo Carousel widget items here (with the Add Item button).
For each Logo Carousel item, find the Logo Image, Website Url, Brand Name, Description, Tooltip, and Placement options.
Tooltip Settings section
Go to Content > Tooltip Settings
Here Find the Animation, Offset, Distance, Arrow, and Trigger on Click options.
Carousel Settings Section
Go to Content > Carousel Settings
Find the Auto Play, Autoplay Interval, Pause On Hover, Loop, and Center Slide switcher options.
Go to Content >Navigation
Find the Navigation Type ( Arrows & Dots, Arrows, Dots and None), Arrows Position (9 Positions), Arrows Icon (23 Icon Styles), and Hide Arrow on Mobile options.
Work with The Style Tab
Style The Logo Carousel Section
Go to Style > Logo Carousel
Come to the Logo Carousel Section, you will find two sub-sections; Normal and Hover.
In the Normal Mode, Find the Background Color, Border Type, Width, Color, Border Radius, Padding, Opacity, CSS Filter, and Image Size options.
In the Hover mode, Find the Background Color, Border Color, Opacity, CSS Filter, Transition Duration, and Hover Animation (27 styles) options.
Style The Tooltip Section
Go to Style > Tooltip
Find the Width, Typography, Text Color, Text Alignment, Background Type( Classic, and Gradient), Background Color, and Image options.
Here also find the Arrow Color, Padding, Border Type, Border Radius, and Box Shadow options.
Style The Navigation Section
Go to Style > Navigation
Come to the Navigation section, Find the Arrow Size, Background Color, Hover Background Color, Arrow Color, Arrows Hover Color, Border Type, Width, Color, Border Hover Color, Border Radius, Padding, and Horizontal Offset options.
All done! You have successfully customized the Logo Carousel widget on your website.
You can watch this quick video to learn about the Logo Carousel widget. Please visit the demo page for examples.
Thanks for staying with us.