How To Use Logo Carousel Widget By Element Pack Pro

  • BdThemes
  • How To Use Logo Carousel Widget By Element Pack Pro

Table Of Contents

How To Use Logo Carousel Widget By Element Pack Pro

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

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

Layout 4 - BdThemes

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

Step-1

Logo Carousel Item1 - BdThemes

Come to the Logo Carousel Item section, you can add the Logo Carousel widget items here (with the Add Item button).

Step-2

Logo Carousel Item2 - BdThemes

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

Tooltip Settings - BdThemes

Here Find the Animation, Offset, Distance, Arrow, and Trigger on Click options.

Carousel Settings Section

Go to Content > Carousel Settings

Carousel Settings - BdThemes

Find the Auto Play, Autoplay Interval, Pause On Hover, Loop, and Center Slide switcher options.

Navigation Section

Go to Content >Navigation

Navigation - BdThemes

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

Step-1

S.Logo Carousel1 - BdThemes

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.

Step-2

S.Logo Carousel2 - BdThemes

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

Step-1

S.Tooltip1 - BdThemes

Find the Width, Typography, Text Color, Text Alignment, Background Type( Classic, and Gradient), Background Color, and Image options.

Step-2

S.Tooltip2 - BdThemes

Here also find the Arrow Color, Padding, Border Type, Border Radius, and Box Shadow options.

Style The Navigation Section

Go to Style > Navigation

S.Navigation - BdThemes

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.

Video Assist

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.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge