1. Home
  2. Docs
  3. Cool Timeline Pro
  4. Shortcodes
  5. Horizontal Shortcode

Horizontal Shortcode

Horizontal Timeline

				
					[cool-timeline layout="horizontal" category="timeline-stories" skin="default" designs="default" show-posts="20" order="DESC" items="" icons="NO" story-content="short" date-format="default" based="default" autoplay="false" start-on="0"]
				
			
Shortcode Attribute/SettingsDefault ValueAvailable OptionsDescription
Timeline Categoriescategory="timeline-stories"Dynamic Categories ListCreate Category Specific Timeline (By Default – All Categories)
Timeline Designsdesigns="default"View Demos and Choose your timeline layout design from these design.
Timeline skinsskin="default"Create Light, Dark or Colorful Timeline
Date Formatsdate-format="default"
  • F j January 1 (F j)
  • F j Y January 1 2019 (F j Y)
  • Y-m-d 2019-01-01 (Y-m-d)
  • m/d/Y 01/01/2019 (m/d/Y)
  • d/m/Y 01/01/2019 (d/m/Y)
  • F j Y g:i A January 1 2019 11:10 AM (F j Y g:i A)
  • Y 2019(Y)
  • custom Custom
Select Timeline Stories dates custom formats.
Timeline Based Onbased="default"
  • default For Date Based Timeline
  • custom For Custom Order based Timeline
Show either Story Dates or custom label/text along with timeline stories.
Story Per Viewshow-posts="3"3You Can Show Pagination After These Posts In Vertical Timeline.
Autoplay Settingsautoplay="false"
  • false
  • true
Enables Autoplay slide show on your timeline stories
Timeline Starting from Story e.g(2)start-on="0"0
Iconsicons="NO"
  • no
  • Yes
Display Icons In Timeline Stories. By default Is Dot.
Stories Descriptionstory-content="short"
  • short: Display a small description of timeline Stories
  • full:- Display Full Description with HTML of timeline Stories.
Timeline Stories content settings.If you would like to show HTML and All content on the timeline.
Then just select a full option of content settings.
Timeline titletimeline-titleDynamic valueYou have the flexibility to add a title for each timeline.
Year Labelyear-labelshow OR hideYou can enable and disable the year label
Year Navigationyear-navigationshow OR hideenable or disable year navigation
Navigation Positionnavigation-position left, right, bottom adjust the navigation position for your timeline
Line Fillingline-fillingtrue OR falseenable or disable line filling for the timeline
Stories Orderorder="DESC"
  • DESC: DESC(2017-1900)
  • ASC:- ASC(1900-2017)
Timeline Stories order like:- DESC(2017-1900) , ASC(1900-2017)

Horizontal Content Timeline(Blog)

				
					[cool-content-timeline post-type="post" post-category="" tags="" autoplay="false" story-content="short" taxonomy="category" layout="horizontal" designs="default" skin="default" show-posts="10" order="DESC" start-on="0" icons="NO" items="" date-format="default"]
				
			
Shortcode Attribute/SettingsDefault ValueAvailable OptionsDescription
Content Post Typepost-type="post"postDon’t Change This If You Are Creating Blog Posts Timeline or Define Content Type Of Your Timeline Like:- Posts
Taxonomy Nametaxonomy="category"categoryDon’t Change This If You Are Creating Blog Posts Timeline or Define Content Type Taxonomy.
Meta Keymeta-keyDynamic valueEnter your meta key here
Post Metapost-meta show OR hideenable of disable post meta from post timeline
Specific category(s) (Add category(s) slug – comma separated)post-category=""Add Dynamic category SlugShow Category Specific Blog Posts. Like For cooltimeline.com/category/fb-history/, it will be fb-history
Specific tags(add tags slug)tags=""Add Dynamic tag SlugShow Tag Specific Blog Posts. Like For cooltimeline.com/tag/fb-history/, it will be FB-history.
Timeline Categoriescategory="timeline-stories"Dynamic Categories ListCreate Category Specific Timeline (By Default – All Categories)
Timeline Designsdesigns="default"View Demos and Choose your timeline layout design from these design.
Timeline skinsskin="default"Create Light, Dark or Colorful Timeline
Date Formatsdate-format="default"
  • F j January 1 (F j)
  • F j Y January 1 2019 (F j Y)
  • Y-m-d 2019-01-01 (Y-m-d)
  • m/d/Y 01/01/2019 (m/d/Y)
  • d/m/Y 01/01/2019 (d/m/Y)
  • F j Y g:i A January 1 2019 11:10 AM (F j Y g:i A)
  • Y 2019(Y)
  • custom Custom
Select Timeline Stories dates custom formats.
Timeline Based Onbased="default"
  • default For Date Based Timeline
  • custom For Custom Order based Timeline
Show either Story Dates or custom label/text along with timeline stories.
Story Per Viewshow-posts="3"3You Can Show Pagination After These Posts In Vertical Timeline.
Autoplay Settingsautoplay="false"
  • false
  • true
Enables Autoplay slide show on your timeline stories
Timeline Starting from Story e.g(2)start-on="0"0
Iconsicons="NO"
  • no
  • Yes
Display Icons In Timeline Stories. By default Is Dot.
Stories Descriptionstory-content="short"
  • short: Display a small description of timeline Stories
  • full:- Display Full Description with HTML of timeline Stories.
Timeline Stories content settings.If you would like to show HTML and All content on the timeline.
Then just select the full option of content settings.
Stories Orderorder="DESC"
  • DESC: DESC(2017-1900)
  • ASC:- ASC(1900-2017)
Timeline Stories order like:- DESC(2017-1900) , ASC(1900-2017)
Timeline titletimeline-titleDynamic valueYou have the flexibility to add a title for each timeline.
Year Labelyear-labelshow OR hideYou can enable and disable the year label
Year Navigationyear-navigationshow OR hideenable or disable year navigation
Navigation Positionnavigation-position left, right, bottom adjust the navigation position for your timeline
Line Fillingline-fillingtrue OR falseenable or disable line filling for the timeline