{"id":2194,"date":"2024-09-08T19:44:40","date_gmt":"2024-09-08T19:44:40","guid":{"rendered":"https:\/\/phox.whmcsdes.com\/docs\/?p=2194"},"modified":"2024-09-08T19:44:42","modified_gmt":"2024-09-08T19:44:42","slug":"vertical-timeline-widget","status":"publish","type":"post","link":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/","title":{"rendered":"Vertical Timeline Widget"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.<\/p>\n\n\n\n

Vertical Timeline Sample<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Content<\/h3>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n

General Settings<\/h4>\n\n\n\n
    \n
  • Title HTML Tag:<\/strong> Choose the proper HTML Tag for the item’s title.<\/li>\n<\/ul>\n\n\n\n

    Items<\/h4>\n\n\n\n
      \n
    • Header:<\/strong> \n
        \n
      • Header Type:<\/strong> Choose the header type ( Text or Date )<\/li>\n\n\n\n
      • Text: <\/strong>type the text that appears as an item header.<\/li>\n\n\n\n
      • Date:<\/strong> type the date that appears as an item header.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Point:<\/strong>\n
          \n
        • Point Type:<\/strong> Choose the point type ( Icon or Text or None )<\/li>\n\n\n\n
        • Point Text:<\/strong> type the text that appears inside the point.<\/li>\n\n\n\n
        • Point Icon:<\/strong> Choose the point icon.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Body:<\/strong>\n
            \n
          • Title:<\/strong> type the title for the item body.<\/li>\n\n\n\n
          • Description:<\/strong> type the description for the item body.<\/li>\n\n\n\n
          • Show Image:<\/strong> enable this switch to add an image to the item body.<\/li>\n\n\n\n
          • Image Resolution:<\/strong> set proper image dimensions.<\/li>\n\n\n\n
          • Image Position:<\/strong> Choose between (Before and After).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Button:<\/strong>\n
              \n
            • Text:<\/strong> type the text to appear inside the button.<\/li>\n\n\n\n
            • Link:<\/strong> type the button link.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n

              Layout<\/h4>\n\n\n\n
                \n
              • Content Alignment:<\/strong> Choose the content Alignment (Left – Center – Right).<\/li>\n\n\n\n
              • Point Alignment:<\/strong> Choose the point Alignment (Top – Middle – Bottom)<\/li>\n\n\n\n
              • Animate Cards:<\/strong> You can animate cards, so they will appear on your page with an animation effect.<\/li>\n\n\n\n
              • X-Axis Space:<\/strong> The Horizontal space between the items and the Point.<\/li>\n\n\n\n
              • Y-Axis Space:<\/strong> The Vertical space between the items.<\/li>\n<\/ul>\n\n\n\n

                Style<\/h3>\n\n\n\n

                The next step here is the Style <\/strong>settings section, where you can change the appearance of your timeline according to your preferences and needs.<\/p>\n\n\n

                \n
                \"\"<\/figure><\/div>\n\n\n

                So, this is all you need to do to create a timeline for your project or any event. Click on the \u201cPublish<\/strong>\u201d button and preview the results!<\/p>\n","protected":false},"excerpt":{"rendered":"

                The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments. Vertical Timeline Sample Content General Settings Items Layout Style The next step […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[57,58],"class_list":["post-2194","post","type-post","status-publish","format-standard","hentry","category-elementor","tag-elementor","tag-widget"],"yoast_head":"\nVertical Timeline Widget - Phox Documentation<\/title>\n<meta name=\"description\" content=\"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vertical Timeline Widget - Phox Documentation\" \/>\n<meta property=\"og:description\" content=\"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Phox Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/whmcsdes\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-08T19:44:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-08T19:44:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png\" \/>\n<meta name=\"author\" content=\"ijeto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:site\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ijeto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\"},\"author\":{\"name\":\"ijeto\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\"},\"headline\":\"Vertical Timeline Widget\",\"datePublished\":\"2024-09-08T19:44:40+00:00\",\"dateModified\":\"2024-09-08T19:44:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\"},\"wordCount\":295,\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png\",\"keywords\":[\"elementor\",\"widget\"],\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\",\"name\":\"Vertical Timeline Widget - Phox Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png\",\"datePublished\":\"2024-09-08T19:44:40+00:00\",\"dateModified\":\"2024-09-08T19:44:42+00:00\",\"description\":\"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.\",\"breadcrumb\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png\",\"width\":65,\"height\":59},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phox.whmcsdes.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vertical Timeline Widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"name\":\"Phox Documentation\",\"description\":\"Hosting WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\",\"name\":\"WHMCSdes\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"width\":400,\"height\":400,\"caption\":\"WHMCSdes\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/whmcsdes\",\"https:\/\/x.com\/whmcsdes\",\"https:\/\/www.instagram.com\/whmcsdes\/\",\"https:\/\/www.linkedin.com\/company\/whmcsdes\",\"https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\",\"name\":\"ijeto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"caption\":\"ijeto\"},\"sameAs\":[\"http:\/\/phox.whmcsdes.com\/docs\"],\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vertical Timeline Widget - Phox Documentation","description":"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/","og_locale":"en_US","og_type":"article","og_title":"Vertical Timeline Widget - Phox Documentation","og_description":"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.","og_url":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/","og_site_name":"Phox Documentation","article_publisher":"https:\/\/www.facebook.com\/whmcsdes","article_published_time":"2024-09-08T19:44:40+00:00","article_modified_time":"2024-09-08T19:44:42+00:00","og_image":[{"url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png","type":"","width":"","height":""}],"author":"ijeto","twitter_card":"summary_large_image","twitter_creator":"@whmcsdes","twitter_site":"@whmcsdes","twitter_misc":{"Written by":"ijeto","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#article","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/"},"author":{"name":"ijeto","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f"},"headline":"Vertical Timeline Widget","datePublished":"2024-09-08T19:44:40+00:00","dateModified":"2024-09-08T19:44:42+00:00","mainEntityOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/"},"wordCount":295,"publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png","keywords":["elementor","widget"],"articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/","url":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/","name":"Vertical Timeline Widget - Phox Documentation","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png","datePublished":"2024-09-08T19:44:40+00:00","dateModified":"2024-09-08T19:44:42+00:00","description":"The Vertical Timeline widget is an excellent tool for building visually appealing timelines, ideal for showcasing project milestones, roadmaps, and event schedules. It highlights completed phases, current progress, and upcoming tasks or events, making it easy to track past, present, and future developments.","breadcrumb":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#primaryimage","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2024\/09\/wdes-widget-timeline.png","width":65,"height":59},{"@type":"BreadcrumbList","@id":"https:\/\/phox.whmcsdes.com\/docs\/vertical-timeline-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phox.whmcsdes.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Vertical Timeline Widget"}]},{"@type":"WebSite","@id":"https:\/\/phox.whmcsdes.com\/docs\/#website","url":"https:\/\/phox.whmcsdes.com\/docs\/","name":"Phox Documentation","description":"Hosting WordPress Theme","publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization","name":"WHMCSdes","url":"https:\/\/phox.whmcsdes.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","width":400,"height":400,"caption":"WHMCSdes"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/whmcsdes","https:\/\/x.com\/whmcsdes","https:\/\/www.instagram.com\/whmcsdes\/","https:\/\/www.linkedin.com\/company\/whmcsdes","https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w"]},{"@type":"Person","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f","name":"ijeto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","caption":"ijeto"},"sameAs":["http:\/\/phox.whmcsdes.com\/docs"],"url":"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/"}]}},"_links":{"self":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/comments?post=2194"}],"version-history":[{"count":8,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2194\/revisions"}],"predecessor-version":[{"id":2209,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2194\/revisions\/2209"}],"wp:attachment":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/media?parent=2194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/categories?post=2194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/tags?post=2194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}