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
Source #
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.
Source Types
- Items
- WordPress Posts
- ACF Custom Fields
- JSON or CSV
- Terms
- Users
- WordPress Menu
General Settings #
Layout
Select the layout of grid.
- Under
- Overlay
- Under Overlap
- Partial Overlay
- Reveal from Bottom
Column Count
Set the number of item to display in a row.
Grid Gap
Set the gap between grid items.
Show Button
Show/Hide the button.
Image Link
Turn on or off the image link option.
Title Link
Turn on/off the link option for title.
Sequence Entrance Animation Settings #
Sequence Entrance Animation
Set the sequence entrance animation for content grid.
Items Setting #
Title
Set the title for grid item.
Content
Type text to show as content.
Image
Choose an image to display.
Button Text
Type text for button.
Button Link
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.
Item Styling #
Set the item alignment, item radius, border, and item shadow.
Image Styling #
Set the image height, image fit, background, padding, and border.
Content Styling #
Here, You can style the content background, padding, height, and border.
Title Styling #
In this section, you can set the color, typography, and spacing of title.
Text Styling #
You can style the text color, typography, and spacing of text element.
Button Styling #
Style the button typography, padding, radius, background, text color, spacing, and border.
Usage Examples #
Here are some live use cases for the Content Grid Widget.
