Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

ue-update-1.5
Horizontal Timeline - Featured Blog
Stacking Cards - Featured Blog

Logo Grid for Elementor

The Logo Grid widget is a dynamic tool for showcasing logos in a clean, organized grid layout, perfect for highlighting brand partners, clients, sponsors, or featured businesses. With its customizable design and flexible layout options, this widget ensures your logo display aligns seamlessly with your website’s aesthetic and purpose. Whether you’re emphasizing credibility, partnership, or affiliations, the Logo Grid widget provides a professional and visually appealing solution.

Let’s look at each of the options in the Logo Grid widget for Elementor below.

Elementor Logo Grid Video Tutorial

Add a Logo Grid Widget to Elementor

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Logo Grid”
  3. Hover over the widget in the search results and click install
  4. Add the “Logo Grid” widget to any Elementor Page

Source Settings

The Logo Grid widget now supports multi-source functionality, allowing you to populate dynamic, data-driven content from a variety of sources. These include items, posts, meta fields, JSON or CSV files, galleries, terms, users, menus, and even API integrations for ultimate flexibility.

1

Items

You can use the item repeater field as item source.

2

WordPress Posts

Display WordPress posts dynamically in your logo grid, including custom post types and fields for maximum flexibility.

3

Meta Field

Use Meta as an item source for your logo grid to dynamically display and manage content from your Meta data.

4

JSON or CSV

Load the logo grid with data from JSON or CSV files to easily manage and display structured content.

5

Gallery

You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.

6

Terms

Use Terms as a source for logo grid to dynamically display and manage taxonomy terms from your WordPress site.

7

Users

You can use WordPress Users as an item source for your logo grid to display and manage dynamic content from your site’s user data.

8

Menu

Use your WordPress Menu as a source for the logo grid to dynamically display and manage menu items in a visually engaging layout.

9

API Integrations

Integrate an API into your logo grid to dynamically fetch and display data from external systems or services.

To know more about multi source, Click here.

General Settings

1

Number of Items

Set the number of items to display in grid at a time.

2

Space Between Items

Set the spacing between items.

3

Logo Opacity

Set the logo opacity.

4

Logo Opacity Hover

Set the logo opacity on hover.

5

Enable Links

Enable or disable links on logo grid.

6

Show Logo Title

Show or hide the logo title.

7

Item Image Size

Select the image size.

  1. Full
  2. Large
  3. Medium Large
  4. Medium
  5. Thumbnail
  6. 1536x1536
  7. 2048x2048
8

Randomize Order

Set the grid items to display in random order.

9

Direction

Set the direction of logo grid.

  1. LTR
  2. RTL

Items Settings

Manage the items of the logo grid button using the repeater field.

  1. Add new items
  2. Duplicate items
  3. Delete items
  4. Reorder Items
  5. Edit Items
1

Title

Type the title for logo grid item.

2

Image

Choose the image for logo grid item.

3

Link

Paste your URL to link with logo.

Logo Grid Widget Styling

A variety of styling options are available, giving you complete control over the widget’s design. Select colors that align with your website’s aesthetic. You can customize the text, icons, fonts, and layout to ensure the widget looks and functions exactly as you envision.

Item Styling

Set the item border, radius, image height, background color, padding, and item shadow.

Item Hover Styling

Style the item border, background color, animation, and shadow in hover state.

Logo Title Styling

You can set the logo title typography, padding, margin, background, color, radius, and border.

Logo Grid Design Examples For Elementor

Here are some live use cases for the Logo Grid Widget.

Logo grid with customizable background.

Logo grid that changes color on hover.

Thank you for exploring the Logo Grid widget for Elementor! We hope this guide has provided you with the clarity needed to make the most of its features. Whether you’re creating a simple logo showcase or a sophisticated brand portfolio, this widget is your go-to solution. If you have any questions or need further assistance, don’t hesitate to reach out to our support team or explore additional resources on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!