A logo is something that bears the identity of a company or organization. It is actually a graphic representation or symbol often uniquely designed for recognition.
The widget by the Element Pack mentioned in the title is here to help how you can place your logo in your website.
The guideline below about the Logo Grid Widget will get you to walk in the right way to use the widget.
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.
To Insert widget
Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above.
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.
In this section, you can select all the options in the individual controls like Grid Layout, Columns, Image Size, Item Height.
Just go to Content Tab > Layout.
Logo Grid Item
In this section, you will get a list group. The list not limited, you can add a new list in the list group just clicking on the ADD ITEM button.
You can edit every single list item. Simply, hit on the List Item and edit the field provided by the List Item and set Image, Website Url, Brand Name, or Description included by the list item. Here you’ll also be able to set Tooltip and the placement of the Tooltip.
If you have 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.
This section will allow you to show your logo in a different grid such as Box, Border, or Plus with Columns, Image Size, and Item Height.
In this section, you will be able to give animation (Shift-Toward, Shit-away, Fade, Scale, and Perspective) with the Tooltip added to the logo. Moreover, Offset, Distance, Arrow, Trigger on Click options will be there.
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.
Through this section, you can only set the background color, border type, width, color, and radius. In addition, Padding, Box-shadow, Opacity, and CSS Filters. The red mark section on the photo above will help you with this term.
This section is here to help you style the Tooltip and can do that following the red mark of the photo above.