The Content Grid Widget can be used to display your content in a grid layout managed by items. It comes with a lot of customization options to give your Elementor page the look you want.
Let’s look at each of the options in the “Content Grid Widget” below.
Install Content 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 “Content Grid”
- Hover over the widget in the search results and click install
- Add your “Content Grid” widget to any Elementor Page
The Content Grid is fully integrated with dynamic source types that will supercharge your workflow.
Use any of the available source types to populate the content in your widget.
- WordPress Posts
- ACF Custom Fields
- JSON or CSV
- WordPress Menu
Select the layout of grid.
- Under Overlap
- Partial Overlay
- Reveal from Bottom
Set the number of item to display in a row.
Set the gap between grid items.
Show/Hide the button.
Turn on or off the image link option.
Turn on/off the link option for title.
Sequence Entrance Animation Settings
Sequence Entrance Animation
Set the sequence entrance animation for content grid.
Set the title for grid item.
Type text to show as content.
Choose an image to display.
Type text for button.
Paste URL to link with the button.
Content Grid Widget Styling
A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel. You can customize every single detail to perfectly blend with your website design.
Set the item alignment, item radius, border, and item shadow.
Set the image height, image fit, background, padding, and border.
Here, You can style the content background, padding, height, and border.
In this section, you can set the color, typography, and spacing of title.
You can style the text color, typography, and spacing of text element.
Style the button typography, padding, radius, background, text color, spacing, and border.
Here are some live use cases for the Content Grid Widget.