{"id":29105,"date":"2022-03-21T17:47:04","date_gmt":"2022-03-21T15:47:04","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29105"},"modified":"2024-03-04T17:15:56","modified_gmt":"2024-03-04T15:15:56","slug":"advanced-widget-settings-order","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/","title":{"rendered":"Widget Advanced Settings: Order"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>When using Flex CSS, an order property is used to re-order the child elements in a container. This is generally used in combination with the :nth property to define which element to order. This can be rather confusing in CSS. However, Elementor widgets have an Order property that is located in the <strong>Advanced <\/strong>tab of each widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Order-Property.gif\" alt=\"\" class=\"wp-image-29106\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Why is Order needed\/used<\/h2>\n\n\n\n<p>Setting the order of widgets and containers provides a much more optimized way to manage responsiveness in your designs. It is used most frequently with responsive breakpoints so that you may avoid creating additional sections that are hidden, for example, a header that has three or more elements. Additionally, you can also center the logo or swap the menu icon and a cart.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Locate the Order property<\/h2>\n\n\n\n<p>You can find the Order property in the\u00a0<strong>Advanced\u00a0<\/strong>Tab of any Container or widget.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Locating-The-Order.png\" alt=\"\" class=\"wp-image-29107\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Order Options<\/h2>\n\n\n\n<p>Choose between Start, End, or Custom. If custom is selected, then enter a value in which you wish it to display. Keep in mind that the other elements may need to be defined as well before displaying properly. You may find it less difficult to start ordering in reverse. Edit the last element first.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction When using Flex CSS, an order property is used to re-order the child elements in a container. This is generally used in combination with the :nth property to define which element to order. This can be rather confusing in CSS. However, Elementor widgets have an Order property that is located in the Advanced tab [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65ba367dd4b20203ae09d4ac"],"footnotes":""},"categories":[1438],"tags":[],"class_list":["post-29105","post","type-post","status-publish","format-standard","hentry","category-manage-your-widgets"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Widget Advanced Settings: Order | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Widget Advanced Settings: Order in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget Advanced Settings: Order | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Widget Advanced Settings: Order in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-21T15:47:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T15:15:56+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Widget Advanced Settings: Order\",\"datePublished\":\"2022-03-21T15:47:04+00:00\",\"dateModified\":\"2024-03-04T15:15:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\"},\"wordCount\":205,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Order-Property.gif\",\"articleSection\":[\"Manage your widgets\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\",\"url\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\",\"name\":\"Widget Advanced Settings: Order | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Order-Property.gif\",\"datePublished\":\"2022-03-21T15:47:04+00:00\",\"dateModified\":\"2024-03-04T15:15:56+00:00\",\"description\":\"Learn everything about Widget Advanced Settings: Order in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Manage your widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Widget Advanced Settings: Order\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Widget Advanced Settings: Order | Elementor","description":"Learn everything about Widget Advanced Settings: Order in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/advanced-widget-settings-order\/","og_locale":"en_US","og_type":"article","og_title":"Widget Advanced Settings: Order | Elementor","og_description":"Learn everything about Widget Advanced Settings: Order in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/","og_site_name":"Help","article_published_time":"2022-03-21T15:47:04+00:00","article_modified_time":"2024-03-04T15:15:56+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Widget Advanced Settings: Order","datePublished":"2022-03-21T15:47:04+00:00","dateModified":"2024-03-04T15:15:56+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/"},"wordCount":205,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Order-Property.gif","articleSection":["Manage your widgets"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/","url":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/","name":"Widget Advanced Settings: Order | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Order-Property.gif","datePublished":"2022-03-21T15:47:04+00:00","dateModified":"2024-03-04T15:15:56+00:00","description":"Learn everything about Widget Advanced Settings: Order in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/advanced-widget-settings-order\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-order\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Manage your widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/"},{"@type":"ListItem","position":5,"name":"Widget Advanced Settings: Order"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=29105"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29105\/revisions"}],"predecessor-version":[{"id":46393,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29105\/revisions\/46393"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}