Table Of Contents

Alter Grid widget

How to use Alter Grid widget

The Alter Grid widget is a first-hand element of the Ultimate Post Kit add-on. This tool helps you make the perfect blogging site by rearranging posts into a smart grid formation.

Let’s have a look at how it works!

Inserting widget

Inserting the Alter Grid widget

Find the Alter 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 blogging widget.

Layout

1 2 - BdThemes

Go to Content> Layout

In this section, you can adjust column gaps for the posts as well as set the position of the content for the Elementor Post grid.

2 2 - BdThemes

There are 3 styles for the content layout where the numbers 2 & 3 support primary and secondary posts viewers. You can set the height of the post image below the style option. This works for both the primary and secondary images of the Alter grid for Elementor.

Query

3.1 - BdThemes

Go to Content> Query

Here, you need to define the number of posts shown on the display. The source can be selected from posts, pages, and landing pages. You can show categories, tags, as well as set the order of the posts.

Additional

3 2 - BdThemes

Go to Content> Additional

This section is made with a number of switchers that can be turned on/off to show/hide the specific item on the display. These are for the titles, category, avatar, date, etc.

Style tab

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

There are several sections on this tab.

Items

4 1 - BdThemes

Go to Style> Items

Add borders around the posts including color & radius for both the normal and hover mode. Use the box-shadow option to add a 3D vibe to the post blocks of the blogging widget. You can use Content Padding for better visuals.

Title

5 2 - BdThemes

Go to Style> Title

The Title section mainly gives you the option to change the text color and typography of the titles for the Alter Grid widget. The color option is available for both active & hover modes. There is another switcher called Advanced Style at the bottom.

6 2 - BdThemes

Turning it on will reveal more options such as background type & color, text-shadow, border, padding, etc. These options will give extra visual effects on the titles.

Text

7 2 - BdThemes

Go to Style> Text

Change color & typography of the post description as well as adjust the margin from this section.

Author

8 2 - BdThemes

Go to Style> Author

Of course, each post has an author that will be displayed at the bottom of the post block. However, the author’s name can be customized by color & typography through this section for the Elementor post grid.

Date

9 2 - BdThemes

Go to Style> Date

Lastly, the date. Change the text color and typography of the date beside the author info for all posts.

Category

10 2 - BdThemes

Go to Style> Category

The category option enables you to customize the category text on top of the content area of the Elementor post grid. Set their color, border, typography and make it more eye-catching.

Conclusion

Still, stuck?

Watch this quick video for visual instruction and see the demo page for more examples, provided by Bdthemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

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 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.