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.
- 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
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
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
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
Title
Type the title for logo grid item.
Image
Choose the image for logo grid item.
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.
