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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Unlimited Grid”
- Hover over the widget in the search results and click install
- Add your “Unlimited Grid” widget to any Elementor Page
General Settings #
Columns
Number of columns for the grid
Gap
The space between items
Background Hover Grow
Enlarge background image when hovering over item.
Content Entrance Animation
- None
- Scale In
- Rotate In
- Puff In
- Bounce In
Breakpoint
Collapse grid to one column and items to one column and one row.
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 #
Title
Title of grid item.
Source
- None
- Content
- Template
- Only Button
Graphic Element
- None
- Icon
- Image
- Text
Text
Text of grid item.
Link Type
- None
- Button
- Whole Item
- Lightbox Image
Item Layout #
Column Span
Define the number of columns the specific grid item will take to configure its layout in reference to the grid layout.
Row Span
Define the number of rows the specific grid item will take to configure its layout in reference to the grid layout.
Content Align
- Inherit
- Left
- Center
- Right
Hide On Breakpoint
Will hide the whole item if the breakpoint is configured in general settings.
Item Overrides #
Background Color
Override the background color of the current item.
Show Background Image
Enable adding a background image to the current item.
Background
Configure the background image for the current item.
Background Position
- left top
- left center
- left bottom
- right top
- right center
- right bottom
- center top
- center center
- center bottom
Blend Mode
Blend mode for the image background.
Overlay Color
Override overlay color for the current item.
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
