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
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.
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
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.
Go to Style > Item
Find the Offset, Background Type, Border Type, Border Radius, Padding, and Box Shadow options.
Go to Style > Title
Find the title Style (underline/overline & middle underline/overline), Color, Hover Color, Typography, Text Shadow, and Spacing options.
Go to Style > Text
Find the Color, Typography, and Margin options.
Go to Style > Date
Find the Color, Spacing, and Typography options.
Go to Style > Meta
Find the Color, Hover Color, Space Between, and Typography options.
Watch the Snap Timeline video tutorial here. Please visit the demo page for examples.
Thanks for being with us.