{"id":4893,"date":"2022-02-13T19:29:08","date_gmt":"2022-02-13T19:29:08","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4893"},"modified":"2022-02-13T19:29:10","modified_gmt":"2022-02-13T19:29:10","slug":"timeline-vertical","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/timeline-vertical\/","title":{"rendered":"Timeline-vertical"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UDesign offers\u00a0<strong>Timeline-Vertical <\/strong>element. You can create any types of timelines(vertical) you want.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Timeline-Vertical Widget?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the section into which you want to add your element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. Drag UDesign\u00a0<strong>Timeline-Vertical\u00a0<\/strong>element from the elements list.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Edit the timeline-vertical type.<\/p>\n\n\n\n<ol class=\"mt-4 wp-block-list\"><li><strong>Content<\/strong>\u2013 Build the timeline-vertical using repeater function.<\/li><li><strong>Layout&nbsp;<\/strong>\u2013 Determine the layout of your timeline-vertical.<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"378\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-1-1024x378.png\" alt=\"\" class=\"wp-image-4900\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-1-1024x378.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-1-768x283.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Timeline-Vertical Style Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Image<\/strong> \u2013 Set the style for image like size, border style or box shadow, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon<\/strong> \u2013 Set the style for icon like size or color, etc. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Meta<\/strong> \u2013 Set the style for meta of timeline like typography or color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Title<\/strong> \u2013 Set the style for title of timeline like typography or color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Description<\/strong> \u2013 Set the style for description of timeline like typography or color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Content <\/strong>\u2013 Set the style for content of timeline like shadow, background, margin, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Point <\/strong>\u2013 Set the style for point of timeline like typography, size, color, etc.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Line <\/strong>\u2013 Set the style for line of timeline like color or thickness. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"378\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-2-1024x378.png\" alt=\"\" class=\"wp-image-4901\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-2-1024x378.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/timeline-vertical-2-768x284.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>UDesign offers\u00a0Timeline-Vertical element. You can create any types of timelines(vertical) you want. How to create Timeline-Vertical Widget? Step 1. Create, or choose the section into which you want to add your element. Step 2. Drag UDesign\u00a0Timeline-Vertical\u00a0element from the elements list. Step 3. Edit the timeline-vertical type. Content\u2013 Build the timeline-vertical using repeater function. Layout&nbsp;\u2013 Determine [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-4893","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=4893"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4893\/revisions"}],"predecessor-version":[{"id":4912,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4893\/revisions\/4912"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}