In this documentation, we will show you how to customize the Wixer Grid widget presented by the Ultimate Post Kit add-on.

Insert Wixer Grid Widget

Open your page in Elementor editor, search by the Wixer Grid widget name, then drag and drop it.

The default view of Wixer Grid Widget

The Wixer Grid displays the Featured Image, Category, Meta, Title, Text, and Counter.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Layout Style (Style 01, Style 02, Style 03), Columns, Row Gap, Column Gap, Content Position, and Image Size options.

Query Section

Go to Content > Query

Find the Item Limit and Source (Posts, Pages, Landing Pages, FAQ, Portfolio, etc.) options.

Also, find the Include > Include By and Terms filters. Include filter helps show only selected posts.

Exclude filter does exactly the opposite of the Include filter and helps hide selected posts.

Then find the Offset, Date, Order By, Order, Ignore Sticky Posts, Only Featured Image Post, and Query ID options.

Additional Section

Go to Content > Addition

Find the Title and Title HTML Tag, Show Text and Text Limit, Strip Shortcode, Category, and Show Author options.

Also find the Separator, Date, Human Different Time, Show Time, Reading Time, Show Counter, Pagination, and Item Wrapper Link options.

Style Tab Customization

Items Section

Go to Style > Items

Find the Padding, Background Type, Gradient > Color and Location, Second Color and Location, Type, and Angle options.

The same customizations can be found for the Secondary items.

Title Section

Go to Style > Title

Find the Style (underline/overline & middle underline/overline), Spacing, Typography, Color, Hover Color, and Text Shadow options for the Primary titles.

Similar options are to be found for the Secondary titles.

Text Section

Go to Style > Text

Find the Typography, Margin, and Color options for Primary texts.

A text Color option is also available for the Secondary texts.

Meta Section

Go to Style > Meta

Find the Typography, Spacing, Space Between, Color, and Hover Color options for Primary meta.

Also text Color and Hover Color options are available for Secondary meta.

Category Section

Go to Style > Category

Find the Spacing option at the top. Then in Normal subsection, find the Color, Background Type, Color, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options.

Find the text Color and Background Type options in Hover subsection.

Counter Section

Go to Style > Counter

Find the Space Between, Typography, and Color options for Primary counter. Also, find Color options for Secondary counter.

Video Assist

Watch the Wixer Grid video tutorial here. Please visit the demo page for examples.

Thanks for being with us.