fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Circle Progress Bar Featured
Vertical Progress Bar - Featured
custom-cursor-elementor

Logo Grid

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.

  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 your “Logo Grid” widget to any Elementor Page

General Settings

1

Space Between Items

Set the margin between items.

2

Number of Items

Set the number of items to display at a time.

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.

Items Settings

Manage the logo grid items using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • 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.

Item Styling

1

Item Border Type

Select the border type for items from below options.

  • None
  • Solid
  • Double
  • Dotted
  • Dashed
  • Groove
2

Item Border Width

Set the border width of items.

3

Item Border Color

Set the color for item border.

4

Item Radius

Set the item radius.

5

Item Image Height

Set the item image height.

6

Item Background Color

Set the item background color.

7

Item Border Radius

Set the border radius for items.

8

Logo Blending Options

Select the desired blending option.

  • normal
  • multiply
  • screen
  • overlay
  • darken
  • lighten
  • color-dodge
  • color-burn
  • difference
  • exclusion
  • hue
  • saturation
  • color
  • luminosity
9

Padding

Set the padding for logo items.

10

CSS Filter

Use CSS filter for custom styling.

11

Item Shadow

Set item shadow for logo items.

Item Hover Styling

1

Item Border Hover Type

Select the border type for item hover from below options.

  • Default
  • Solid
  • Double
  • Dotted
  • Dashed
  • Groove
2

Item Background Color Hover

Set the item background color hover.

3

CSS Filter Hover

Use CSS filter for custom styling for item hover.

4

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
5

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.

Video Overview

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!