A logo works as an identifier of anything. It also bears brand value. So, in this article below, I’ll guide how to show the brand logo in the carousel mode using our Logo Carousel widget developed by Element Pack.
Moreover, I’ll guide you in different phases of how you can insert & use the widget to design layout for the content (text, image, and video, etc.) you want to work with and style as well. Let’s start.
Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.
This section will allow you to set Columns number, Gap, Item Height, and Image Size(Thumbnail, large, medium, etc.)
Go to Content Tab > Layout
Logo Carousel Item
After dragging and dropping the widget in a new section, you will get a list group. The list not limited, you can add a new list in the group just clicking on the ADD ITEM button.
You can edit every single list item(repeater). Simply, hit on the List Item and edit the field found in the List Item and set Logo Image, Brand Name, Website Url and especially Tooltip (yes/no) included in the list item.
Just go to the Content Tab > Logo Carousel Item
If you need to get the same designed content, you’ll be able to duplicate clicking on the duplicate icon and to delete clicking on the delete icon.
Here, in this section, you’ll be able to set Animation (Shift-Away, Shift-Toward, Fade, etc.), Offset position, Distance, Arrow, and Trigger on click.
Come to the Content Tab > Tooltip Settings.
The Carousel Settings section will allow you to determine some controls such as Auto Play, Autoplay Interval, Pause on Hover, Loop, Center Slide. To do so. Go to the Content Tab > Carousel Settings
If you want to place an arrow with the logo carousel. The section will give you hand. So, go to the Content Tab > Navigation
It is time to work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you want to design.
Styling with the Style tab in Elementor will always give you a fantastic experience.
Let’s have a look.
This holds two modes – Normal and Hover.
Under the Normal mode, you can place Background Color, Border Type and Radius, Padding, Opacity, and CSS Filters.
Just go to Style Tab > Logo Carousel > Normal
In the matter of Hover mode, you can set hover Background Color, Opacity, CSS Filters, Transition Duration, Hover Animation(pulse, shrink, pop, push, etc.)
Simply, go to Style Tab > Logo Carousel > Hover. Look due to CSS Filters’ effect youTube icon color has been changed.
To give style to the Tooltip, you just go to Style Tab > Tooltip and check all the controls.
This section will allow you to style the navigation icon and to do so. Go to the Style Tab > Navigation and check all the controls found in the red rectangular mark.
I hope you’ll find this article very useful and to get more ideas about the use of the logo carousel/ how to use the logo carousel, you can visit our demo page.