In this documentation, we will discuss the customizations of the Amox Grid widget, brought to you by Ultimate Post Kit addon.
Active Amox Grid from Dashboard
Go to Dashboard > Ultimate Post kit > Core Widgets
Find the widget on the ultimate post kit dashboard and then activate the Amox Grid switcher. Then save settings.
Inserting the Widget
Open your page in Elementor editor, search by the widget name, and then drag-drop it on the page.
Default view of Amox Grid
The default view of Amox Grid has a 3 columns + 6 items interface, along with Post images, meta, titles, categories, dates, and comments count. The grid has an Active item with a full post image below the content.
Content tab customization
Go to Content > Layout
Find the Columns, Row Gap, Columns Gap, and Image Size options here.
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.
Additional settings section
Go to Content > Additional
Find the Title, Title HTML Tag, Category, Date, Human Different Time, Show Time, Reading Time, Separator, Show Comments, Pagination, and Item Wrapper Link options.
Show any Separator symbol on the meta.
Entrance Animation section
Go to Content > Entrance Animation
Find the Perspective, Delay(ms), Transition Duration(ms), Transform Origin, Transform > Translate, Rotate, Scale, and Skew options for custom animations.
Style tab customizations
Go to Style > Items
Find the Content Padding, Active Content Padding, Background Type, Active overlay Color, Border Type, Border Radius, Padding, and Box Shadow options.
Go to Style > Title
Find the Style, Spacing, Typography, Text Shadow, text Color, and Active Color options.
For Hover mode, find the Color and Active Color options.
Go to Style > Meta
Find the Color, Active Color, Space Between, and Typography options.
Go to Style > Category
Find the Spacing option on top. Then find the text Color, Background Type, Color, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options in Normal mode.
In Hover mode, find the Color, Background Type, and Color options. The same options are available for the Active mode also.
Still, stuck? Please follow our video tutorial, which will help you a lot. Please visit the demo page for examples.
Thanks for staying with us.