How to use Classic List Widget by Ultimate Post Kit

  • BdThemes
  • How to use Classic List Widget by Ultimate Post Kit

Table Of Contents

How to use Classic List Widget by Ultimate Post Kit

In this documentation, we will show you how to customize the Classic List widget presented by the Ultimate Post Kit addon.

Inserting Classic List widget

inserting Classic list widget from the menu

Search by the Classic List widget name, then drag and drop it.

Default View of the Classic List

Default View of the widget - BdThemes

This Classic list displays Featured Images, Categories, Titles, Descriptions, Date, and List items.

Content Tab Customization

Layout Section

Go to Content > Layout

Layout 1 3 - BdThemes

Find the Item Gap, Featured Image Height, and List Image Width options.

Layout 2 2 - BdThemes

Also find the Image Position, Alignment, and Image Size options.

The Featured Content Into Image switcher can push the content of the featured post inside the image part with additional overlay color.

Query Section

Go to Content > Query

query 1 2 - BdThemes

Find the Item Limit and Source options.

query 2 1 - BdThemes

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

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

query 3 1 - BdThemes

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

Additional Settings Section

Go to Content > Additional Settings

additional setings - BdThemes

Find the Title and Title HTML Tag, Show Text and Text Limit, Strip Shortcode, Show Category, Show Author, Show Comments, Separator, Date, Human Different Time, Show Time, Reading Time, Show Pagination, and Item Wrapper Link options.

Entrance Animation

Go to Content > Entrance Animation

Entrance Animation - BdThemes

Find the Entrance Animation switcher. Turn it on and customize Perspective, Delay, Transition, Transform Origin, Translate, Rotate, Scale, and Skew options to modify animation.

Style Tab Customization

Item Section

Go to Style > Item

item 1 - BdThemes

In Normal mode, find the Background Type (Classic or Gradient), Color, color Location, Second Color, Type, and Angle options for Gradient.

item 1 1 - BdThemes

Also find the Border Type, Border Radius, Padding, Featured Padding, and Box Shadow options.

For Hover mode, find the Background Type and Box Shadow options.

Image Section

Go to Style > Image

Image 6 - BdThemes

Find the Border Type and Border Radius options.

Title Section

Go to Style > Title

Title 4 - BdThemes

Find the title text Style, Color and Hover Color, Featured Color and Featured Hover Color, Typography, Featured Typography, and Text Shadow options.

Text Section

Go to Style > Text

- BdThemes

Find the Color, Typography, and Margin options.

Meta Section

Go to Style > Meta

Meta 1 - BdThemes

Find the Color and Featured Color, Spacing, Space Between, and Typography options.

Category Section

Go to Style > Category

Category Normal 1 - BdThemes

Find the Spacing option at the top. In Normal mode, find the text Color, Featured Color, and Background Type, and Color options.

Also find the Featured Background, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options.

Category Hover 1 - BdThemes

Also find the Color, Featured Color, and Background Type options in Hover Mode.

Video Assist

Watch the Classic List widget video tutorial here. Please visit the demo page for examples.

Thanks for being with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge