Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How to use Checkerboard widget by Ultimate Post Kit Pro

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

Insert Checkerboard Widget

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

The default view of Checkerboard widget

The Checkerboard widget displays the Title, Text, Category, Meta, Reading Time, Button, and Image.

Content Tab Customization

Layout Section

Go to Content > Layout

Find the Preset Style, Row Gap, Image Size, Text Align ( ODD ), and Text Align ( EVEN ) options.

Query Section

Go to Content > Query

Find the Item Limit, Source, Include > Include By, and Terms options.

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

Additional Section

Go to Content > Additional

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

Then find the Reading Time and Reading Speed, Meta Separator, Read More and Readmore Text, Pagination, and Item Wrapper Link options.

Style Tab Customization

Items Section

Go to Style > Items

Find the Item > Background Color, Border Type and Border Radius, Padding, and Margin options.

Then find the Content > Padding ( ODD ), and Padding ( EVEN ) options.

Image Section

Go to Style > Image

Find the Border Type, Border Radius, and Box Shadow options.

Title Section

Go to Style > Title

Find the Style, Color, Hover Color, Text Shadow, Margin, and Typography options.

Text Section

Go to Style > Text

Find the Color, Typography, and Margin options.

Category Section

Go to Style > Category

Find the Color, Background Color, Border Type, Border Radius, Padding, Margin, Space Between, Box Shadow, and Typography options.

Then find the Hover > Color, and Background Color options.

Meta Section

Go to Style > Meta

Find the Color, Typography, Space Between, Author Name > Color, Hover Color, and Space Between options.

Then find the Author Avatar > Size, Border Type, Width, Color, and Border Radius options.

Read More Section

Go to Style > Read More

Find the Icon Direction, Normal > Color, Background Type, Border Type, Border Radius, Padding, Space Between, Box Shadow, and Typography options.

Then find the Hover > Color and Background Type options.

Pagination Section

Go to Style > Pagination

Find the Alignment, Normal > Color, Background Color, Border Type, Border Radius, Padding, Offset, Spacing, Arrow Size, and Typography options.

Then find the Hover > Color and Background Color options.

Also, find the Active > Color and Background Type options.

Video Assist

The Checkerboard Video Tutorial Coming Soon. 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.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge