Usage of Logo Grid Widget

element pack

Usage of Logo Grid Widget

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.


Content Tab

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.


Layout

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.

Additional Settings:

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.

Tooltip Settings:

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.




Style Tab:

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.

Logo Gird:

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.

Tooltip:

This section is here to help you style the Tooltip and can do that following the red mark of the photo above.


Video Assist



About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Missed The Black Friday offer this year? Get up for flat 50% discount right now.