{"id":2273,"date":"2025-02-10T15:38:55","date_gmt":"2025-02-10T15:38:55","guid":{"rendered":"https:\/\/phox.whmcsdes.com\/docs\/?p=2273"},"modified":"2025-02-10T15:38:56","modified_gmt":"2025-02-10T15:38:56","slug":"horizontal-timeline-widget","status":"publish","type":"post","link":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/","title":{"rendered":"Horizontal Timeline Widget"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

The Horizontal 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

Horizontal 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\n\n\n
  • Item Gap:<\/strong> Set the gap between the Cards.<\/li>\n\n\n\n
  • Arrow Navigation:<\/strong> Choose the proper Arrow shape.<\/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\n\n\n
        • Active:<\/strong> Set the card as active or not.<\/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
              • Count Displayed Items:<\/strong> Set the proper count for cards.<\/li>\n\n\n\n
              • Content Alignment:<\/strong> Choose the content Alignment (Top – Middle – Bottom)<\/li>\n\n\n\n
              • Point Alignment:<\/strong> Choose the point Alignment (Left – Center – Right)<\/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 Horizontal 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. Horizontal 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,122,121],"class_list":["post-2273","post","type-post","status-publish","format-standard","hentry","category-elementor","tag-elementor","tag-horizontal-timline","tag-timeline"],"yoast_head":"\nHorizontal Timeline Widget - Phox Documentation<\/title>\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\/horizontal-timeline-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Horizontal Timeline Widget - Phox Documentation\" \/>\n<meta property=\"og:description\" content=\"The Horizontal 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. Horizontal Timeline Sample Content General Settings Items Layout Style The next step […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-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=\"2025-02-10T15:38:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-10T15:38:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.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\/horizontal-timeline-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/\"},\"author\":{\"name\":\"ijeto\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\"},\"headline\":\"Horizontal Timeline Widget\",\"datePublished\":\"2025-02-10T15:38:55+00:00\",\"dateModified\":\"2025-02-10T15:38:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/\"},\"wordCount\":291,\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png\",\"keywords\":[\"elementor\",\"Horizontal timline\",\"timeline\"],\"articleSection\":[\"Elementor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/\",\"name\":\"Horizontal Timeline Widget - Phox Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png\",\"datePublished\":\"2025-02-10T15:38:55+00:00\",\"dateModified\":\"2025-02-10T15:38:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png\",\"width\":65,\"height\":59},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phox.whmcsdes.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Horizontal 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":"Horizontal Timeline Widget - Phox Documentation","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\/horizontal-timeline-widget\/","og_locale":"en_US","og_type":"article","og_title":"Horizontal Timeline Widget - Phox Documentation","og_description":"The Horizontal 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. Horizontal Timeline Sample Content General Settings Items Layout Style The next step […]","og_url":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/","og_site_name":"Phox Documentation","article_publisher":"https:\/\/www.facebook.com\/whmcsdes","article_published_time":"2025-02-10T15:38:55+00:00","article_modified_time":"2025-02-10T15:38:56+00:00","og_image":[{"url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.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\/horizontal-timeline-widget\/#article","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/"},"author":{"name":"ijeto","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f"},"headline":"Horizontal Timeline Widget","datePublished":"2025-02-10T15:38:55+00:00","dateModified":"2025-02-10T15:38:56+00:00","mainEntityOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/"},"wordCount":291,"publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png","keywords":["elementor","Horizontal timline","timeline"],"articleSection":["Elementor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/","url":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/","name":"Horizontal Timeline Widget - Phox Documentation","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png","datePublished":"2025-02-10T15:38:55+00:00","dateModified":"2025-02-10T15:38:56+00:00","breadcrumb":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#primaryimage","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/02\/wdes-widget-horizontal.png","width":65,"height":59},{"@type":"BreadcrumbList","@id":"https:\/\/phox.whmcsdes.com\/docs\/horizontal-timeline-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phox.whmcsdes.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Horizontal 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\/2273","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=2273"}],"version-history":[{"count":5,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2273\/revisions"}],"predecessor-version":[{"id":2282,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2273\/revisions\/2282"}],"wp:attachment":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/media?parent=2273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/categories?post=2273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/tags?post=2273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}