fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Unlimited Grid

Create advanced content layouts using an easy-to-use grid system with ultimate flexibility. Add awesome transition effects to content while users hover over items to create an interactive grid style.

Let’s look at each of the options in the “Unlimited Grid Widget” below.

Install Unlimited Grid Widget for Elementor #

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

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

General Settings #

1
Columns

Number of columns for the grid

2
Gap

The space between items

3
Background Hover Grow

Enlarge background image when hovering over item.

4
Content Entrance Animation
  • None
  • Scale In
  • Rotate In
  • Puff In
  • Bounce In
5
Breakpoint

Collapse grid to one column and items to one column and one row.

6
Breakpoint Width

Screen resolution of the viewport when breakpoint will occur. 

Items #

Add items to your grid using the repeater field.

  • Add new items
  • Duplicate items
  • Delete items
  • Reorder Items
  • Edit items

Item Content #

1
Title

Title of grid item.

2
Source
  • None
  • Content
  • Template
  • Only Button
3
Graphic Element
  • None
  • Icon
  • Image
  • Text
4
Text

Text of grid item.

5
Link Type
  • None
  • Button
  • Whole Item
  • Lightbox Image

Item Layout #

1
Column Span

Define the number of columns the specific grid item will take to configure its layout in reference to the grid layout.

2
Row Span

Define the number of rows the specific grid item will take to configure its layout in reference to the grid layout.

3
Content Align
  • Inherit
  • Left
  • Center
  • Right
4
Hide On Breakpoint

Will hide the whole item if the breakpoint is configured in general settings.

Item Overrides #

1
Background Color

Override the background color of the current item.

2
Show Background Image

Enable adding a background image to the current item.

3
Background

Configure the background image for the current item.

4
Background Position
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • right bottom
  • center top
  • center center
  • center bottom
5
Blend Mode

Blend mode for the image background.

6
Overlay Color

Override overlay color for the current item.

7
Min Height

Override the minimum height of the current item.

Item Style #

Set the styling options for the item with the settings below:

Item Content Style #

Set the styling options for the item content with the settings below:

Graphic Element Style #

Set the styling options for the graphic element with the settings below:

Title Style #

Set the styling options for the title with the settings below:

Text Style #

Set the styling options for the text with the settings below:

Button Style #

Set the styling options for the button with the settings below:

Usage Examples #

Here are some live use cases for the Unlimited Grid widget

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!