Table Of Contents

How to use Kalon Grid widget

Kalon Grid widget adds thumb-size post grids with dynamic tags and a seamless title on the post images. Ultimate Post Kit made it to show the post date & author name below the title of the post images.

Let’s see how it works!

Inserting widget

inserting Kalon Grid widget

Find the Kalon Grid widget from the widget menu in the Elementor page editor and drag it inside your webpage.

Content tab

The Content tab holds the base settings for the widget and lays the foundation of the layout of the final content. It’s divided into three parts for the Kalon Grid widget.


2 1 - BdThemes

Go to Content> Layout

In this section, you can change the number of columns, adjust column gaps for the posts as well as set the height of the items on the Elementor Post grid.

3 2 - BdThemes

There are 6 amazing layout styles provided for this blogging widget. Each has its own taste and comes with a modern finish.

4 - BdThemes

You can always play with the column number, column gaps, and item height to change the layout according to your will. Your blog will just look fantastic!


5 - BdThemes

Go to Content> Query

The query lets you limit the number of items on display. For the source, you can select from pages, posts, landing pages, etc as the source of the Kalon Grid widget.

6 - BdThemes

Using the exclude field, you can remove posts from displaying on the blog page of the Kalon grid for Elementor. You can the whole picture in our query tutorial video. Did you notice that we already removed the Business category posts from the display?


7 - BdThemes

Go to Content> Additional

The addition section has a bunch of switchers. Each one is responsible for a certain item on the display. Clicking them off will hide the titles, authors, dates, categories, etc.

Style tab

The style tab allows you to change or customize the appearance of the Kalon Grid widget content layout. The options include color settings, borders, paddings, etc.

There are several sections on this tab.


8 - BdThemes

Go to Style> Items

Firstly, you can add content padding for the posts using the options in this section. It has a Glassmorphism switcher to apply a blurred glass effect on the post images. Also, you may use image overlay to drag out the beauty of your blog posts.

9 - BdThemes

Other than that, there are border options, box-shadow, and item padding available. Use them to make unique attributes to your posts.


10 - BdThemes

Go to Style> Title

The Title section mainly gives you the option to change the text color, spacing, and typography of the titles. Also, you can apply a text shadow to beautify the post titles on the Kalon Grid widget.


11 - BdThemes

Go to Style> Author

For authors, you can customize the color and typography of the text.


12 1 - BdThemes

Go to Style> Date

You will find the post dates right below the post titles of the Elementor post grid. Change its color, spacing, or even the typography of the date according to your preferences.


13 - BdThemes

Go to Style> Category

Of course, how could we forget about the categories? The post categories are located at the top of their titles. Just access this section to change the text & background color,

14 - BdThemes

Go to Style> Read More

Lastly, the read more button located at the opposite side of the Kalon Grid widget posts can be customized using the options in this section. You can easily change the button color, add border and border radius, padding, box-shadow, and typography.


Still, stuck?

Watch this quick video on the Kalon grid widget for details. Also, see the demo page for more examples of the widget, provided by Bdthemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.