{"id":84733,"date":"2023-01-19T14:15:11","date_gmt":"2023-01-19T14:15:11","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=84733"},"modified":"2025-12-01T16:32:16","modified_gmt":"2025-12-01T14:32:16","slug":"new-nested-elements-tabs-custom-units","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/","title":{"rendered":"Introducing Elementor 3.10 &#8211; New Nested Elements &#8211; the Future of Design with Elementor widgets"},"content":{"rendered":"\n<p>Elementor and Elementor Pro 3.10 include new design capabilities that will unlock a whole new world of creativity when it comes to designing your websites with Nested Elements, and introduces a new custom unit in sizing controls that will enable you to reach a higher level of accuracy when it comes to designing your websites. These versions also include a new container-based library, and performance improvements.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/01-Nested-Tabs.png\" alt=\"\" class=\"wp-image-84736\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>New Nested Elements That will Elevate Your Website\u2019s Design<\/strong><\/h2>\n\n\n\n<p>Nested Elements unlocks an entirely new way to conceptualize the design of your website. With Nested Elements, you can place any element inside another, by leveraging the power of Flexbox Containers. Similar to how you can place one Container inside another, and nest them infinitely, with Nested Elements, you can place any element (widget or container), inside another.&nbsp;<\/p>\n\n\n\n<p>As Flexbox Containers are officially stable, over the upcoming releases, we will be introducing the Nesting capability into a number of existing widgets, such as the Carousel, Accordion, Tabs, and more. We will also be introducing entirely new Nested widgets, such as the Mega Menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Introducing the Renewed Tabs Widget &#8211; The first Elementor nested widget, unlocking design flexibility<\/strong><\/h3>\n\n\n\n<p>With the new Tabs widget, you will be able to unleash your design creativity and reach a high level of sophistication. The new Tabs widget, is container-based and includes three main improvements, compared to the original Tabs widget:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tabs and Titles &#8211; Using the new Tabs widget, you will be able to adjust the layout and positioning of the tabs to determine where they are located in relation to the tab\u2019s content &#8211; on top, bottom, or one of its sides. Additionally, you will have more styling options, including the ability to add icons to the tab title.&nbsp;<\/li><li>New Content Area &#8211; With the power of Flexbox Containers, the content area of each Tab will become a main container, in which you can place any element, adjust its layout and present any content you\u2019d like &#8211; just like the blank canvas of the Editor.<\/li><li>New Responsive Setting &#8211; To improve the design and user experience per device size, you can choose the breakpoint at which the Tab will automatically be displayed as an Accordion. That means that you don\u2019t have to create different content for each device, which also improves performance.&nbsp;<\/li><\/ul>\n\n\n\n<p>As the Tabs widget is container-based, to use it on your website you will need to ensure that the Flexbox Container, and Nested Elements experiments are activated. Once activated, the new Tabs widget will automatically replace the existing one in the widget panel (this will not affect the design of existing tabs on your website).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1260\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/02-New-Calc-Auto.png\" alt=\"\" class=\"wp-image-84737\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>New Custom Units &#8211; Choose any Unit you Want, Including CSS Math Functions<\/strong><\/h2>\n\n\n\n<p>Numeric controls in the Editor are getting an upgrade, and you can now choose any unit you want, mix numeric units, and run <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\" title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24902\">CSS<\/a> function calculations within them. Many elements in the Editor include options for sizing, such as padding and margins, font size, and more. Using these sizing units wisely can have a positive impact on design accuracy and website responsiveness.&nbsp;<\/p>\n\n\n\n<p>Previously, if you were adjusting the padding or margins, for example, you would have to choose one of the following unit types: PX, EM, REM, %, or VW. With this update, you will also be able to choose the custom option, to be more specific with your unit choices. For example, you could choose the PX for the sides, and % for the top and bottom. Additionally, with this update, the unit labels have been moved into a drop-down list, to accommodate the new custom option.&nbsp;<\/p>\n\n\n\n<p>Choosing the Custom option will also allow you to run calculations for the measurement of a value within the value input field, that way, you can achieve greater design accuracy and responsive support.&nbsp;<\/p>\n\n\n\n<p>For example, when choosing the custom option in the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\" title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"17837\">typography<\/a> size controls, you will be able to use the `clamp()` CSS function to adjust your typography size to different device sizes, or the `calc()` CSS function to calculate and set a value that mixes units, and more.&nbsp;<\/p>\n\n\n\n<p>As part of this version, the following sizing controls will get custom options:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Containers, Sections, and Columns &#8211; everywhere possible, including custom width, border, etc.&nbsp;<\/li><li>Typography controls &#8211; line height, letter spacing, and word spacing.<\/li><\/ul>\n\n\n\n<p>Additional areas will be updated in the future as well.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/03-Containers.png\" alt=\"\" class=\"wp-image-84738\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Container-Based Full Website Kits, Templates and Blocks<\/strong><\/h2>\n\n\n\n<p>With Flexbox Containers marked as beta, making it stable and ready to use, it was important to provide you with container-based full website kits and templates. Over the last few weeks, the Library team has <a href=\"https:\/\/elementor.com\/blog\/what-is-a-web-server\/\" title=\"What Is a Web Server? A Complete 2025 Guide on How They Work\" data-wpil-monitor-id=\"17834\">worked to create a complete<\/a> container-based library, so you can kick-start your website creation and design process, when enabling the Flexbox Container experiment, using the most up-to-date design trends.&nbsp;<\/p>\n\n\n\n<p>Now, when you activate the Flexbox Container experiment on your website, you will have an entirely new kit and <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\" title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"17838\">template<\/a> library. The updates also include dozens of the most popular full website kits and page templates that have been converted from the section-based layout to Flexbox Containers, as well as brand-new Website Kits and page Templates.&nbsp;<\/p>\n\n\n\n<p>With the new library, there are two additional noteworthy updates. The first is that we introduced a few mini-shops, a one-page full website kit for <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\" title=\"eCommerce\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"17836\">ecommerce<\/a> websites including PayPal and Stripe buttons for payment collection. The second is that all the previous Blocks (such as Contact, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\" title=\"How To Fix \u201c404 Not Found On Your Site\u201d Error\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"17835\">404<\/a>, etc.) have been replaced with completely new designs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/04-Dynamic-Due-Date-in-Countdown.png\" alt=\"\" class=\"wp-image-84740\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Dynamic Due Date in Countdown Widget<\/strong><\/h2>\n\n\n\n<p>The Countdown Widget, a great tool for creating FOMO and boosting conversion, now has a dynamic tag control in the due date. With this update, you will be able to use native WordPress custom fields, as well as custom fields from ACF, and PODS to dynamically populate the due date, on each page.&nbsp;<\/p>\n\n\n\n<p>With the new dynamic tag controls, you will be able to use the Countdown widget in the Single Post template, for example, and add a custom field in WordPress to each of your posts that includes the due date you want to include in each post. This will also enable you to deliver a website to a client, while allowing them to update the due date in WordPress, without sending them to the Editor, where they may alter your design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/05-Disable-Google-Font-1.png\" alt=\"\" class=\"wp-image-84743\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>New: Disable Google Fonts Entirely<\/strong><\/h2>\n\n\n\n<p>Google fonts, a popular online font library, enables you to use a variety of fonts on your website. However, in recent events Google Fonts has been found in some instances to be in violation of GDPR and privacy regulations.&nbsp;<\/p>\n\n\n\n<p>To eliminate this risk, Elementor allows you to remove all Google fonts from your website. When disabling Google fonts, you will no longer be able to use the online Google font library in the Editor, which will reduce the number of fonts available to you in the Editor to 7 fonts.&nbsp; If you\u2019ve already used a Google font on your website, but choose to disable Google fonts with this update, all fonts on your website will default to one of the available fonts on&nbsp; your website.&nbsp;To continue using your favorite fonts, you can upload locally hosted fonts into Elementor using the <a href=\"https:\/\/elementor.com\/help\/custom-fonts-pro\/\">Custom Fonts<\/a> feature, available to Elementor Pro users.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1261\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Group-10881463.png\" alt=\"\" class=\"wp-image-84744\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Performance and Accessibility Improvements<\/strong><\/h2>\n\n\n\n<p>In Elementor 3.10, we continue to introduce performance and accessibility improvements. This update includes three new performance improvement updates and two accessibility improvement updates.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Lazy Load Google Maps&nbsp;<\/h4>\n\n\n\n<p>Elementor\u2019s Google Maps widget enables you to place a map anywhere on your website, the perfect widget to use when you want to share a specific location with your website visitors. With this update, you will be able to lazy load Google Map iframes, which speeds up the initial page load.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Lazy Loading Images with Custom Sizes<\/h4>\n\n\n\n<p>The size of the image you use can have a significant impact on the performance of your website. In previous updates, we added the ability to lazy load nearly every image uploaded to the media library. With Elementor 3.10, you will also be able to lazy load Custom Sized images.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Controlling Self-Hosted Videos Preload<\/h4>\n\n\n\n<p>Similar to images, videos also have an effect on the speed and performance of your website, with Self-Hosted videos generally having more of an impact than videos hosted on YouTube for example, that applies optimization techniques. With this update instead of loading self-hosted videos during the initial page load, you can choose whether you want to preload the video, the metadata of the video, or to not preload any of its content before the visitor hits play.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Accessibility Improvements for Page Navigation<\/h4>\n\n\n\n<p>The Block Quote widget and Post Comments widget, two Elementor Pro widgets, received markup updates to make them even more accessible for people with disabilities who use assistive technologies to navigate through the page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enjoy More Design Options, More Responsiveness and Better Performance&nbsp;<\/h3>\n\n\n\n<p>Elementor 3.10 unlocks a variety of new design opportunities for you to use on your website. The introduction of the new Tabs widget, the first update leveraging the Nested Elements capability will enable you to create highly advanced and creative layouts using all of Elementor\u2019s widgets, in a familiar drag and drop fashion. As you enable Flexbox Containers to use this new widget, you will also be exposed to an entirely new Container-based kit and template library, to jumpstart your creative process.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Be sure to try Elementor 3.10 out and let us know what you think in the comments below.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element &#8211; Tabs, Custom Unit Options, New Container Library, and more.<\/p>\n","protected":false},"author":2024207,"featured_media":84734,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1,44,15],"tags":[173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-84733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-elementor","category-new-features","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets<\/title>\n<meta name=\"description\" content=\"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and 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\/blog\/new-nested-elements-tabs-custom-units\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-19T14:15:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T14:32:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Introducing Elementor 3.10 &#8211; New Nested Elements &#8211; the Future of Design with Elementor widgets\",\"datePublished\":\"2023-01-19T14:15:11+00:00\",\"dateModified\":\"2025-12-01T14:32:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\"},\"wordCount\":1604,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Blog\",\"Elementor\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\",\"url\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\",\"name\":\"Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"datePublished\":\"2023-01-19T14:15:11+00:00\",\"dateModified\":\"2025-12-01T14:32:16+00:00\",\"description\":\"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png\",\"width\":2400,\"height\":1260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/category\/blog\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor 3.10 &#8211; New Nested Elements &#8211; the Future of Design with Elementor widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets","description":"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and 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\/blog\/new-nested-elements-tabs-custom-units\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets","og_description":"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and more.","og_url":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-01-19T14:15:11+00:00","article_modified_time":"2025-12-01T14:32:16+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Gabriella Laster","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Introducing Elementor 3.10 &#8211; New Nested Elements &#8211; the Future of Design with Elementor widgets","datePublished":"2023-01-19T14:15:11+00:00","dateModified":"2025-12-01T14:32:16+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/"},"wordCount":1604,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","keywords":["Video"],"articleSection":["Blog","Elementor","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/","url":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/","name":"Introducing Elementor 3.10 - New Nested Elements - the Future of Design with Elementor widgets","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","datePublished":"2023-01-19T14:15:11+00:00","dateModified":"2025-12-01T14:32:16+00:00","description":"Elementor 3.10 is packed with highly anticipated features that will elevate your website\u2019s design. This version includes the first Nested Element - Tabs, Custom Unit Options, New Container Library, and more.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/Frame-10882258.png","width":2400,"height":1260},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/new-nested-elements-tabs-custom-units\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/elementor.com\/blog\/category\/blog\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor 3.10 &#8211; New Nested Elements &#8211; the Future of Design with Elementor widgets"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=84733"}],"version-history":[{"count":12,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84733\/revisions"}],"predecessor-version":[{"id":146204,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/84733\/revisions\/146204"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/84734"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=84733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=84733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=84733"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=84733"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=84733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}