In this documentation, we will show you how to customize the Snap Timeline widget presented by the Ultimate Post Kit addon.
Insert Snap Timeline
Open your page in the Elementor editor, search by the Snap Timeline widget name, then drag and drop it.
Default view of the Snap Timeline
The Snap Timeline displays the Start, End, Date, Title, Text, Meta, and Number of Posts.
Content Tab Customization
Layout Section
Go to Content > Layout
Find the Position, Show Start / End, Show Image, Title and Title HTML Tag, Show Text and Text Limit, and Strip Shortcode options.
Also find the Show Date, Human Different Time, Show Time, Show Category, Show Comments, Separator, Reading Time, Pagination, and Item Wrapper Link 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 Post, and Only Featured Image Post options.
Style Tab Customization
Timeline Section
Go to Style > Timeline
For the LINE subsection, find the Line Style (solid, dashed, dotted, double, & groove), Color, and Width options.
For the NUMBER subsection, find the Color, Background, Border Radius, and Hover > Color, Background, Border Color, and Typography options.
For the START/END subsection, find the Color, Background, Border Radius, and Typography options.
Item Section
Go to Style > Item
Find the Offset, Background Type, Border Type, Border Radius, Padding, and Box Shadow options.
Title Section
Go to Style > Title
Find the title Style (underline/overline & middle underline/overline), Color, Hover Color, Typography, Text Shadow, and Spacing options.
Text Section
Go to Style > Text
Find the Color, Typography, and Margin options.
Date Section
Go to Style > Date
Find the Color, Spacing, and Typography options.
Meta Section
Go to Style > Meta
Find the Color, Hover Color, Space Between, and Typography options.
Video Assist
Watch the Snap Timeline video tutorial here. Please visit the demo page for examples.
Thanks for being with us.