Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

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.

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 30-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.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.