{"id":4275,"date":"2026-10-21T08:09:54","date_gmt":"2026-10-21T08:09:54","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4275"},"modified":"2026-10-21T08:09:54","modified_gmt":"2026-10-21T08:09:54","password":"","slug":"list-widget","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/list-widget\/","title":{"rendered":"5. List"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">The Eventful List widget shows one event per row, with the image beside the text.<\/p>\n\n<p class=\"wp-block-paragraph\">List is part of Eventful Pro.<\/p>\n\n<ol class=\"wp-block-list efe-doc-steps\"><li>Add <strong>Eventful List<\/strong> to the page and open <strong>Content &gt; Template Styles<\/strong>.\n<figure class=\"wp-block-image size-full efe-shot efe-doc-shot\"><a href=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x.webp\" alt=\"Eventful List widget in Elementor: Content Position set to Right Image\" width=\"1000\" height=\"430\" class=\"wp-image-4855\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x.webp 2000w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x-300x129.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x-1024x440.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x-768x330.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-list-v220@2x-1536x660.webp 1536w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption class=\"wp-element-caption\">Content &gt; Template Styles with Content Position: Right Image.<\/figcaption><\/figure>\n<\/li><li>Set <strong>Content Position<\/strong> to <strong>Left Image<\/strong> or <strong>Right Image<\/strong>. The image takes 40% of the row.<\/li><li>Under <strong>Sortable Event Elements<\/strong>, drag the rows to change the order of the title, meta, content and other parts.<\/li><li>Choose the <strong>Read More Type<\/strong> in <strong>Content Fields<\/strong>: a text link after the excerpt, or a button.<\/li><\/ol>\n\n<h2 class=\"wp-block-heading\">Image height and phones<\/h2>\n\n<ul class=\"wp-block-list\"><li><strong>Style &gt; Image &gt; Image Height<\/strong>: <strong>Auto<\/strong> keeps the image at its own height; <strong>Fill card<\/strong> stretches it to the full height of the card, so no empty space is left under it. <strong>Object Fit<\/strong> (Cover or Contain) sets how a filled image is cropped.<\/li><li><strong>Content &gt; Template Styles &gt; Stack on Mobile<\/strong>: puts the image above the text, full width, when the list is no wider than the <strong>Breakpoint<\/strong>. The breakpoint measures the list, not the screen, so a list in a narrow column stacks on any screen. 767 suits a full-width list on phones; use a lower value (for example 700) to keep tablets side by side. <strong>Image Aspect Ratio<\/strong> sets the image shape when stacked.<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\">Start from a design<\/h2>\n\n<p class=\"wp-block-paragraph\">Set <strong>Template Type<\/strong> to <strong>Pre-made Templates<\/strong> and pick Template One, Two or Three. See <a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pre-made-templates\/\">Pre-made Templates<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\">Long lists<\/h2>\n\n<p class=\"wp-block-paragraph\">Turn on <strong>Pagination<\/strong> and choose a type, for example <strong>Load More Button (Ajax)<\/strong>. See <a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pagination-types\/\">Pagination Types<\/a>.<\/p>\n\n<h2 class=\"wp-block-heading efe-doc-related-title\">Related articles<\/h2>\n\n<ul class=\"wp-block-list efe-doc-related\"><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/minimal-list-widget\/\">Minimal List<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pre-made-templates\/\">Pre-made Templates<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pagination-types\/\">Pagination Types<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/events-list\/\">See the Eventful List demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to set up the Eventful List widget in Elementor: one event per row with the image on the left or right, pre-made templates and Load More.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[29],"doc_tag":[],"class_list":["post-4275","docs","type-docs","status-publish","hentry","doc_category-widgets"],"year_month":"2026-10","word_count":262,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ThemeAtelier","author_nicename":"foysal","author_url":"https:\/\/wpeventful.com\/elementor\/author\/foysal\/"},"doc_category_info":[{"term_name":"3. Widgets","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/widgets\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/comments?post=4275"}],"version-history":[{"count":2,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4275\/revisions"}],"predecessor-version":[{"id":4856,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4275\/revisions\/4856"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4275"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4275"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}