fbpx

Table Of Contents

dynamic carousel widget

How to use Dynamic Grid widget in Elementor Page Builder

Dynamic Grid widget is important to grow a business and to attract more visitors. Using this widget on the website, you can display your items in grid view. I’ll show you how you can use the Dynamic Grid widget for your business purpose.

Let’s proceed.

Create Single Post Elementor Template

dynamic grid widget template

The Dynamic Grid widget is a template-based widget that shows custom-made post-template inside a custom grid. So first, go to the WordPress dashboard and hit on Templates under Elementor Page Builder, and click New Template. After that, select Single Post and hit the Create Template button.

Now, Add Post Title, Post Excerpt, Post Info in the sub-section, and everything you need for creating your own custom post layout. There is no fixed pattern here, just go as you wish.

Inserting the Widget

On the Elementor page editor, drag and drop the Dynamic Grid widget inside the page. It’s very simple and easy.

Time for the Action

Step-1

Once the widget is inserted, you will see nothing going on inside the display. You will have to insert a single post template to make it work.

Step-2

Now, select the custom template from the drop-down option from the Select Template menu.

Step-3

Now, you will see the custom post layout displayed over a grid formation. Here, you will get to enjoy customizing options for the grid. Like the column numbers, column gap, row gap, and alignment.

Customize the Query

Now, go to the Query section. Here, you can change the Source of the grid, set the item Limit on the displayed items as well as use the Include or Exclude Item fields. You can also change the Offset.

You can further arrange the grid items by using Date, Order By, Order. You can enable or disable Ignore Sticky Posts and Only Featured Image Post switchers.

Customize it with the Style tab

Now that we are done with the layout, it’s time to customize it with the Style tab.

To do that, just go to the Style tab, select the Background Type, then change the color. You can also add a Border with a custom Border Radius, and add some Padding. Also, you can give Box Shadow if you want to make it gorgeous.

All done! Just relax and let the visitors enjoy your custom post grid.

Video Assist

Please watch this video tutorial to learn more about the Dynamic Grid widget and visit the Demo page for examples.

This tutorial is backed by BdThemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Mid-yearly 40% offer is here. Grab it before it ends!!  Element Pack | Prime Slider| Ultimate Post Kit

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest to us how to improve