The Logo Grid Widget helps you showcase multiple logos of your clients or sponsors in a responsive grid layout. Logo Grid is an excellent solution for displaying logos of your clients, partners, sponsors, or even affiliates on your Elementor website.
Let’s look at each of the options in the “Logo Grid Widget” below.
Install Logo Grid Widget for 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 your “Logo Grid” widget to any Elementor Page
General Settings #
Space Between Items
Set the margin between items.
Number of Items
Set the number of items to display at a time.
Logo Opacity
Set the logo opacity.
Logo Opacity Hover
Set the logo opacity on hover.
Enable Links
Enable or disable links on logo grid.
Items Settings #
Manage the logo grid items 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.
Item Styling #
Item Border Type
Select the border type for items from below options.
- None
- Solid
- Double
- Dotted
- Dashed
- Groove
Item Border Width
Set the border width of items.
Item Border Color
Set the color for item border.
Item Radius
Set the item radius.
Item Image Height
Set the item image height.
Item Background Color
Set the item background color.
Item Border Radius
Set the border radius for items.
Logo Blending Options
Select the desired blending option.
- normal
- multiply
- screen
- overlay
- darken
- lighten
- color-dodge
- color-burn
- difference
- exclusion
- hue
- saturation
- color
- luminosity
Padding
Set the padding for logo items.
CSS Filter
Use CSS filter for custom styling.
Item Shadow
Set item shadow for logo items.
Item Hover Styling #
Item Border Hover Type
Select the border type for item hover from below options.
- Default
- Solid
- Double
- Dotted
- Dashed
- Groove
Item Background Color Hover
Set the item background color hover.
CSS Filter Hover
Use CSS filter for custom styling for item hover.
Hover Animation
Select the animation for item hover.
- Grow
- Shrink
- Pulse
- Pulse Grow
- Pulse Shrink
- Push
- Pop
- Bounce In
- Bounce Out
- Rotate
- Grow Rotate
- Float
- Sink
- Bob
- Hang
- Skew
- Skew Forward
- Skew Backward
- Wobble Vertical
Item Shadow Hover
Set item shadow hover for logo items.
Usage Examples #
Here are some live use cases for the Logo Grid Widget.
Example of Logo Marquee with vertical layout.
