{"id":29109,"date":"2022-03-21T17:47:03","date_gmt":"2022-03-21T15:47:03","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29109"},"modified":"2024-03-04T17:04:40","modified_gmt":"2024-03-04T15:04:40","slug":"advanced-widget-settings-size","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/","title":{"rendered":"Widget Advanced Settings: Size"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>The Size option in Elementor uses the Flex CSS properties of flex-grow and flex-shrink. The flex grow\/shrink property specifies how the item will behave relative to the rest of the flexible items inside the same container when the window is resized.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Size-Property-1024x499.png\" alt=\"\" class=\"wp-image-29110\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Using the Size function<\/h2>\n\n\n\n<p>When using the <strong>Size<\/strong> option, the element&#8217;s <strong>Width<\/strong> property must be left at the default or blank value. If a <strong>Width <\/strong>property is defined, the <strong>Grow<\/strong>, and <strong>Shrink Size <\/strong>properties will not function.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Auto Size<\/h3>\n\n\n\n<p>If you wish to use the <strong>Auto Size<\/strong> property, select the <strong>Grow <\/strong>or <strong>Shrink <\/strong>icon in the editor panel. This automatically applies the property to best suit your layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Grow<\/h3>\n\n\n\n<p>If the <strong>Grow <\/strong>property is used, the item will attempt to use the remaining space in the container by growing to fit. The default value is 1. <\/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\/image-23.png\" alt=\"\" class=\"wp-image-29507\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Shrink<\/h3>\n\n\n\n<p>Similar, but in the reverse. If all the items in the container are too large to naturally fit, the <strong>Shrink <\/strong>property may be used. The default shrink value is 1.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Custom Size<\/h3>\n\n\n\n<p>A custom value of each may also be applied to each. For example, when you wish one or more elements to occupy a specific amount of the available space when allowed. <\/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\/image-24.png\" alt=\"\" class=\"wp-image-29508\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Locating the Size property<\/h2>\n\n\n\n<p>You can find the Size property in the <strong>Advanced <\/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-Size-Property.png\" alt=\"\" class=\"wp-image-29112\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Size Options<\/h3>\n\n\n\n<p>Select between from the icons:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>None<\/li>\n\n\n\n<li>Grow<\/li>\n\n\n\n<li>Shrink<\/li>\n\n\n\n<li>Custom &#8211; If this option is enabled, the following options will appear:\n<ol class=\"wp-block-list\">\n<li>Custom Flex Grow &#8211; Enter value<\/li>\n\n\n\n<li>Custom Flex Shrink &#8211; Enter value<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The Size option in Elementor uses the Flex CSS properties of flex-grow and flex-shrink. The flex grow\/shrink property specifies how the item will behave relative to the rest of the flexible items inside the same container when the window is resized. Using the Size function When using the Size option, the element&#8217;s Width property [&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":["65ba36828ee817520e459543"],"footnotes":""},"categories":[1438],"tags":[],"class_list":["post-29109","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: Size | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Widget Advanced Settings: Size 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-size\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Widget Advanced Settings: Size | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Widget Advanced Settings: Size 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-size\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-21T15:47:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T15:04:40+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-size\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Widget Advanced Settings: Size\",\"datePublished\":\"2022-03-21T15:47:03+00:00\",\"dateModified\":\"2024-03-04T15:04:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/\"},\"wordCount\":259,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Size-Property-1024x499.png\",\"articleSection\":[\"Manage your widgets\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/\",\"url\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/\",\"name\":\"Widget Advanced Settings: Size | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Size-Property-1024x499.png\",\"datePublished\":\"2022-03-21T15:47:03+00:00\",\"dateModified\":\"2024-03-04T15:04:40+00:00\",\"description\":\"Learn everything about Widget Advanced Settings: Size in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#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: Size\"}]},{\"@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: Size | Elementor","description":"Learn everything about Widget Advanced Settings: Size 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-size\/","og_locale":"en_US","og_type":"article","og_title":"Widget Advanced Settings: Size | Elementor","og_description":"Learn everything about Widget Advanced Settings: Size in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/","og_site_name":"Help","article_published_time":"2022-03-21T15:47:03+00:00","article_modified_time":"2024-03-04T15:04:40+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-size\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Widget Advanced Settings: Size","datePublished":"2022-03-21T15:47:03+00:00","dateModified":"2024-03-04T15:04:40+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/"},"wordCount":259,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Size-Property-1024x499.png","articleSection":["Manage your widgets"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/","url":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/","name":"Widget Advanced Settings: Size | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Container-Size-Property-1024x499.png","datePublished":"2022-03-21T15:47:03+00:00","dateModified":"2024-03-04T15:04:40+00:00","description":"Learn everything about Widget Advanced Settings: Size in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/advanced-widget-settings-size\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/advanced-widget-settings-size\/#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: Size"}]},{"@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\/29109","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=29109"}],"version-history":[{"count":2,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29109\/revisions"}],"predecessor-version":[{"id":46391,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29109\/revisions\/46391"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}