The “Logo Grid“ widget allows you to display logos in a grid layout for free in WordPress Elementor websites. Showcase brand partnerships, sponsors, or clients in a clean and organized format. Customize spacing, columns, and styling options to match your site’s design seamlessly.
Let’s look at each of the options in the “Logo Grid“ widget for Elementor below.
Elementor Logo Grid Tutorial Video
Add a Free Logo Grid to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Logo Grid”
- Hover over the widget in the search results and click install
- Add the “Logo Grid” widget to any Elementor Page
Elementor Logo Grid 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.
Items
You can use the item repeater field as item source.
WordPress Posts
Display WordPress posts dynamically in your logo grid, including custom post types and fields for maximum flexibility.
Meta Field
Use Meta as an item source for your logo grid to dynamically display and manage content from your Meta data.
JSON or CSV
Load the logo grid with data from JSON or CSV files to easily manage and display structured content.
Gallery
You can use the gallery as the source for your items. Simply select multiple photos to create and customize a stunning gallery.
Terms
Use Terms as a source for logo grid to dynamically display and manage taxonomy terms from your WordPress site.
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.
Menu
Use your WordPress Menu as a source for the logo grid to dynamically display and manage menu items in a visually engaging layout.
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 in Elementor Logo Grid
Number of Items
Set the number of items to display in grid at a time.
Space Between Items
Set the spacing between items.
Logo Opacity
Set the logo opacity.
Logo Opacity Hover
Set the logo opacity on hover.
Enable Links
Enable or disable links on logo grid.
Show Logo Title
Show or hide the logo title.
Item Image Size
Select the image size.
- Full
- Large
- Medium Large
- Medium
- Thumbnail
- 1536x1536
- 2048x2048
Randomize Order
Set the grid items to display in random order.
Direction
Set the direction of logo grid.
- LTR
- RTL
Elementor Logo Grid Items Settings
Manage the items of the logo grid button using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Enable Schema
Enable Schema for the selected widget.
Schema Source
Choose the Schema Source:
From List
Custom
Custom JSON Schema
We can also add a Custom JSON Schema.
Schema Type
Choose the Schema Type:
FAQ (FAQ Page)
List of Person (Person)
How To
Recipe
Courses (Course)
Books (Book)
Items List (ItemList)
Event
Places (Place)
Products (Product)
Tourist Destinations (TouristDestination)
Event Series (EventSeries)
Music Playlist (MusicPlaylist)
Search Results Page (SearchResultsPage)
We are continuously expanding the list of supported Schema types in upcoming releases.
Schema Main Title
Enter a Schema title that describes the action, for example, how to tie your shoes.
Enable Fields Mapping
Enable manual field mapping by roles. Post-related fields are applicable only
When the content is sourced from posts.
Show Schema Debug
Display Schema debug information in the front-end footer.
Elementor Logo Grid 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 in Elementor Logo Grid
Set the item border, radius, image height, background color, padding, and item shadow.
Item Hover Styling in Elementor Logo Grid
Style the item border, background color, animation, and shadow in hover state.
Logo Title Styling in Elementor Logo Grid
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.
Free Elementor Logo Grid with a Custom Background.
Free Elementor Logo Grid with Hover Effects.
Thank you for using the Logo Grid Widget for Elementor! With its clean layout and customizable design, this is the best Logo Grid Widget for Elementor, perfect for showcasing brand logos in a professional and visually appealing way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.