{"id":4292,"date":"2026-10-21T08:09:55","date_gmt":"2026-10-21T08:09:55","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4292"},"modified":"2026-10-21T08:09:55","modified_gmt":"2026-10-21T08:09:55","password":"","slug":"display-options","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/display-options\/","title":{"rendered":"2. Layout and Display Options"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">Display Options set the section title, the columns and how images load.<\/p>\n\n\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-grid-display-options-tight@2x-3.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3.webp\" alt=\"Eventful Display Options in Elementor: columns per device, margins and same height\" width=\"820\" height=\"430\" class=\"wp-image-4476\" loading=\"lazy\" srcset=\"https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3.webp 1640w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3-300x157.webp 300w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3-1024x537.webp 1024w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3-768x403.webp 768w, https:\/\/wpeventful.com\/elementor\/wp-content\/uploads\/2026\/10\/editor-grid-display-options-tight@2x-3-1536x805.webp 1536w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/a><figcaption class=\"wp-element-caption\">Content &gt; Display Options.<\/figcaption><\/figure>\n\n\n<figure class=\"wp-block-table efe-doc-table\"><table><thead><tr><th>Setting<\/th><th>What it does<\/th><\/tr><\/thead><tbody><tr><td>Section Title<\/td><td>Shows a heading above the events. Set its text and HTML tag (H1 to H6, div or p).<\/td><\/tr><tr><td>Columns<\/td><td>1 to 4 columns. Use the device icon to set desktop, tablet and mobile separately.<\/td><\/tr><tr><td>Columns margin \/ Rows margin<\/td><td>The space between cards across and down.<\/td><\/tr><tr><td>Same Height (Pro)<\/td><td>Makes every card in a row as tall as the tallest.<\/td><\/tr><tr><td>Image<\/td><td>Shows or hides the event image.<\/td><\/tr><tr><td>Image Resolution<\/td><td>A registered image size, or Custom with a width and height for an even crop.<\/td><\/tr><tr><td>Load 2x Resolution Image in Retina Display<\/td><td>Sharper images on high-density screens.<\/td><\/tr><tr><td>Replace With (Pro)<\/td><td>Video or audio instead of the image, when there is no featured image or always.<\/td><\/tr><tr><td>Zoom Effect \/ Image Mode (Pro)<\/td><td>Zoom on hover; grayscale modes.<\/td><\/tr><tr><td>Lazy Load (Pro)<\/td><td>Loads images as they scroll into view.<\/td><\/tr><tr><td>Preloader<\/td><td>Shows a loading animation until the widget is ready.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n<p class=\"wp-block-paragraph\">Not every widget uses every option. For example, Minimal List always shows one event per row, and Carousel sets its columns in its own <strong>Carousel<\/strong> section.<\/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\/grid-widget\/\">Grid<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/content-fields\/\">Content Fields and Element Order<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/responsive-settings\/\">Responsive Settings<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/events-grid\/\">See the Grid demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to use the Eventful Display Options in Elementor: section title, columns and gaps, image size, retina images, lazy load and the preloader.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[33],"doc_tag":[],"class_list":["post-4292","docs","type-docs","status-publish","hentry","doc_category-templates-content"],"year_month":"2026-10","word_count":193,"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":"7. Templates and Content","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/templates-content\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4292","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=4292"}],"version-history":[{"count":4,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4292\/revisions"}],"predecessor-version":[{"id":4500,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4292\/revisions\/4500"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4292"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4292"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}