Skip to main content
Ultimate Post KitPro Widgets

How to use Post Calendar Widget by Ultimate Post Kit

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

2 min read288 words

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

Insert Post Calendar

inserting post calendar widget

Inside your page opened with Elementor editor, search by the Post Calendar widget name, then drag and drop it.

Default view of Post Calendar

-

The post Calendar displays Calendar, Date, and Post rooster.

-

If there are published posts in the selected month, it displays the available post while the Days will get highlighted to indicate post publishing dates.

Content Tab Customization

Layout Section

Go to Content > Layout

-

Find the Posts List, Date Format, and Gap options.

Style Tab Customization

Calendar Section

Go to Style > Calendar

-

Find the Background Type, Color, Border Type, Width, Color, Padding, and Day Height options.

Calendar Month / Year Section

Go to Style > Calendar Month/Year

-

Find the Color, Dropdown Text Color, Spacing, Space Between, Typography, and Alignment options.

Calendar Days Section

Go to Style > Calendar Days

-

Find the Day Name > Color, Typography, and Day Number > Normal > Color and Background Type, Hover > Color and Background Type options.

-

Also find the Day Number > Post > Color and Background Type, Hover > Color and Background Type options.

-

Then also, find the Active > Color and Background Type options.

-

Then find the Today > Color and Background Type Options.

Posts List Section

Go to Style > Posts List

-

Find the Background Type, Color, Padding, and Heading > Color, Spacing, and Typography options.

-

Also, find the No Post Text > Color option.

-

Then find the Title > Color, Divide Color, Padding, Margin, and Typography options.

Video Assist

Watch the Post Calendar video tutorial here. Please visit the demo page for examples.

Thanks for being with us.