Table Of Contents

Logo Grid widget

How to use the Logo Grid Widget

The guideline below about the Logo Grid Widget will get you to walk in the right way to use the 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.

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 the Logo Grid widget

Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above, drag the Elementor grid for logo inside your page.

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 in designing the Logo Grid widget.


logogrid widget image shot 2 - BdThemes

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.

logogrid widget image shot 3 - BdThemes

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. 

img 6114bdb4468e2 - BdThemes

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 for the Logo Grid widget.

Tooltip Settings:

logogrid widget image shot 4 - BdThemes

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 with the Elementor grid for logo. Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Logo Gird:

logogrid widget image shot 5 - BdThemes

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.


logogrid widget image shot 6 - BdThemes

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

Video Assist

Watch this video to get more visuals on the Logo Grid Widget by Bdthemes. Don’t forget to check out the demo page.

Thanks for your time.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.