{"id":85563,"date":"2023-07-03T14:30:55","date_gmt":"2023-07-03T11:30:55","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=85563"},"modified":"2025-12-01T13:17:59","modified_gmt":"2025-12-01T11:17:59","slug":"introducing-314-nested-carousel-loop-grid-ads-and-more","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/","title":{"rendered":"Introducing Elementor 3.14 &#8211; Gain More Design Flexibility with Nested Carousels and Loop Grid Ads"},"content":{"rendered":"\n<p>Elementor 3.14 includes an array of new design features that empower you to elevate your website\u2019s design. The new Carousel widget, highly requested and one of the Nested widgets, leverages the power of Containers to add content into every carousel slide, giving you unlimited design possibilities. This version also includes enhancements to the Loop Alternate <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=\"24858\">Template<\/a> in the Loop Grid, so you can add new, static content to your Product and Post listings. Along with these two features, this version includes many new design updates to customize more of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Beta_Important-Loop-Carousel-HTML-Changes-in-Pagination-and-Navigation-1.png\" alt=\"\" class=\"wp-image-85576\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Introducing &#8211; Gain Complete Freedom to Design Every Slide of Your Carousel<\/strong><\/h2>\n\n\n\n<p>Elementor 3.14 adds a new addition to the Nested Element widget collection, which already includes the Tabs and Menu. The new Carousel widget &#8211; an Elementor Pro widget, is a powerful tool that will elevate the way you showcase content on your website. Leveraging the power of Containers, in the Carousel widget, every slide becomes nestable, giving you the freedom to drag and drop any widget into it.&nbsp;<\/p>\n\n\n\n<p>The Carousel widget offers a plethora of customization options to truly make your content stand out. Adjust the background and styling to match your brand&#8217;s style, and easily add buttons and other interactions to engage your visitors.&nbsp;<\/p>\n\n\n\n<p>To enable the new Carousel widget, be sure to activate the Container and Nested Element features by going to WordPress Dashboard \u2192 Elementor \u2192 Settings \u2192 Features.&nbsp; The new Carousel provides you with a more versatile and comprehensive solution that elevates the user experience and captivates your audience. You can use the new Carousel widget instead of a number of existing widgets, such as:&nbsp; Image Carousel, Media Carousel (Pro), Testimonial Carousel (Pro), and Reviews (Pro). Each of these Carousels came with a predefined layout, with limited content and customization options.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group post-alert is-layout-flow wp-block-group-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Note:<\/h5>\n\n\n\n<p>To make it easier to drag elements into each slide, the Autoplay and Infinite Loop features have been disabled in the Editor. These features are still available and will work as expected. You can see them in action in your live website, and in Preview mode.<\/p>\n<\/div>\n\n\n\n<p><strong>Pro Tip<\/strong>: Try creating captivating experiences by adding a background image and a video overlay to a slide to create 3D-like effects.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Loop-Alternate-Template-Static-Ad.png\" alt=\"\" class=\"wp-image-85566\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>[Pro] Boost Your Content&#8217;s Visibility with the New Static Item Position Feature in Your Loop Grids<\/strong><\/h2>\n\n\n\n<p>The Loop Alternate Template, a <a href=\"https:\/\/elementor.com\/blog\/new-mega-menu-loop-alternate-template-and-more\/\" data-type=\"post\" data-id=\"85066\">Loop Grid feature added in Elementor 3.12<\/a>, is being enhanced to also include Static Item Position. Now, you can effortlessly inject a different template, showcasing a new design and static content, into your Loop Grid. This enables you to make sure that certain products, events, or other pieces of content truly stand out from the rest.<\/p>\n\n\n\n<p>For example, you can promote an upcoming event, or highlight a specific product in a strategic position within your Loop Grid. When you inject a Static Item Position, it will take up the place you determine within the Loop Grid &#8211; such as the second position. You can also choose if you want the Static Item Position to span across a number of columns, to break up your design even more and grab more attention.&nbsp;<\/p>\n\n\n\n<p>When you apply a Static Item in a certain position, the post or product in the specified position will bump up to the next available position. So, if you set your Static Item to the second position, the second post or product will now display in the third position instead.&nbsp;<\/p>\n\n\n\n<p>To apply a Static Item Alternate Template, when you drag a new Loop Grid to a page, or try editing an existing one, you will notice that when you apply an alternate template from the Editing panel, you will also have a new toggle for Static Item Position. This gives you the power to add a static item in the position of your choice within the grid. Enable the toggle, and select the template you want to display and the position you want it to occupy. The template list will display a list of Loop Item templates that you\u2019ve previously created. If you haven\u2019t created the template you want to use for your Static Item, you can create a new one by creating a new Item Template in the <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/theme-builder\/\" title=\"Theme Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24857\">Theme Builder<\/a>.&nbsp;<\/p>\n\n\n\n<p>To use the Loop Builder and its features, you will need to ensure you have the Loop Feature enabled on your website. You can enable it from the WordPress Dashboard \u2192 Elementor \u2192 Settings \u2192 Features.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Beta_Important-Global-Styles-Preview.png\" alt=\"\" class=\"wp-image-85567\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>View All Your Global Styles in a Full-Canvas Global Styles Preview for Enhanced Consistency<\/strong><\/h2>\n\n\n\n<p>One of the foundations of a professional looking website is displaying a consistent style throughout. With Elementor\u2019s Global Fonts and Colors, you can already improve your workflow by maintaining a list of each and using the appropriate global font and color when necessary.&nbsp;<\/p>\n\n\n\n<p>Now, you can also see all your Global Fonts and Styles in a full-canvas preview. When you go to your Site Settings and navigate to your Global Fonts or Colors, you will see a new Global Style Preview. Enabling it will cover the Editor with a full-canvas sheet that will display all your fonts and colors in one view.&nbsp;<\/p>\n\n\n\n<p>Additionally, with the Global Styles Preview you can make instant and real-time updates. Clicking any of the styles in the preview will open the font \/ color picker and you will be able to preview how each change impacts your website\u2019s style.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Beta_top-bar.png\" alt=\"\" class=\"wp-image-85568\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Elementor UI and UX Enhancements<\/strong><\/h2>\n\n\n\n<p>Elementor 3.14 includes a variety of usability and interface updates that will streamline, improve, and accelerate your workflow &#8211; so you can spend more time designing your website.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add Widgets to the Editor with a Click&nbsp;<\/h3>\n\n\n\n<p>Click on any widget to add it to the Editor, without having to drag it to a specific location. This is especially useful when you\u2019re dragging a widget into nested Containers, when dragging it to the specific area you desire can be difficult.&nbsp; With this update, clicking any widget in the widget panel will automatically add it to the latest Container (or section) you were focused on. If the last area you focused on in the Editor was another widget, it will place the new widget beneath the one you previously focused on, and if you weren\u2019t focused on anything in the Editor yet, it will drop the widget at the bottom of the page. You\u2019re still free to drag widgets to your desired location as usual.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Visual Indication of Page Parts<\/h3>\n\n\n\n<p>This update introduces a smoother transition between your page \/ post and other theme parts &#8211; such as your header, footer, loop, item, and page \/ post content, and more. Now, if you\u2019re working on the Page \/ Post and you hover over any area in the header, the entire header will be covered by a semi-transparent overlay. Clicking anywhere in the header area will direct you to edit the header, without having to leave the page or the Editor. The same will apply on the page \/ post content area when you\u2019re working on a theme part.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Top Bar Enhancements<\/h3>\n\n\n\n<p>The Top Bar, a new feature first introduced in Elementor 3.12, was created in REACT to improve scalability of introducing new features in the future. In this version, Elementor introduces new capabilities to the Top Bar, available as an Experiment that you can enable by going to: WordPress Dashboard \u2192 Elementor \u2192 Features \u2192 Editor Top Bar.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Add a new Page<\/strong> &#8211; clicking the Page INdication in the middle of the Top Bar will enable you to add a new page, without having to switch back and forth between the Editor and the WordPress Dashboard.&nbsp;<\/li><\/ol>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>In-Place Editing for Website Parts<\/strong> &#8211; when you create a new page from the Top Bar, it won\u2019t reload the entire Editor, but rather just the canvas itself, reducing the loading time, so you can get right to work.&nbsp;<\/li><li><strong>\u201cManage Website\u201d Renamed \u201cExit to WordPress\u201d<\/strong> &#8211; following your requests, we\u2019ve renamed Manage Website with Exit to WordPress, which will take you back to WordPress.&nbsp;<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">WordPress and WooCommerce Functions Now Available Also in Elementor&nbsp;<\/h3>\n\n\n\n<p>To reduce your need to switch back between Elementor and WordPress and streamline your workflow, we\u2019ve added a number of capabilities available in the WordPress Page Settings to the Elementor Page Settings, including: order (for hierarchical post types), and the ability to allow comments to a page \/ post. Additionally, if you have a <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" title=\"WooCommerce Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24855\">WooCommerce<\/a> website, you can also set your shop page by going to the WooCommerce Settings panel within Elementor\u2019s Site Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Beta_Important-Styling.png\" alt=\"\" class=\"wp-image-85569\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>More Styling Options in Various Widgets<\/strong><\/h2>\n\n\n\n<p><strong>Tabs Widget<\/strong> &#8211; this update includes two new capabilities in the Additional Options section (formerly <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/responsive-website\/\" title=\"How To Create A Responsive Website: Step-By-Step 2025 Guide\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"24856\">Responsive<\/a> Settings) in the Content tab of the Editing panel:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Breakpoint <\/strong>&#8211; choosing the new option \u2018None\u2019 will maintain the Tabs structure across every breakpoint, instead of switching it for an Accordion from a certain breakpoint This has been a highly requested update for the new Tabs widget.<\/li><li><strong>Horizontal Scrolling<\/strong> &#8211; enabling this will restrict Tabs to a single row. Website visitors can scroll through them horizontally.&nbsp;<\/li><\/ol>\n\n\n\n<p><strong>Icon Widget<\/strong> &#8211; choose fit to size in the style tab of the Icon widget to modify the amount of space an uploaded SVG icon takes up. This is especially handy if your icon\u2019s width and height aren\u2019t the same.&nbsp;<\/p>\n\n\n\n<p><strong>[Pro] Menu Widget<\/strong> &#8211; add dividers to Menu Items in the Menu widget. Dividers are located in the Style tab, enabling you to adjust the divider\u2019s width, height, color, etc.&nbsp;<\/p>\n\n\n\n<p><strong>Image Widget<\/strong> &#8211; in the style tab, when you adjust the height you are able to choose the object fit &#8211; default, fill, cover, or contain. Now, when you choose cover, you can also choose an Object Position to position the image according to your needs.<\/p>\n\n\n\n<p><strong>[Pro] Call To Action Widget<\/strong> &#8211; the styling options of the Call to Action button are now identical to the Button widget\u2019s styling options, to create a consistent editing experience. <\/p>\n\n\n\n<p><strong>[Pro] Gallery Widget<\/strong> &#8211; control the lightbox display for each gallery widget, instead of relying on the general Lightbox setup in your site settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"630\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/Generate.png\" alt=\"\" class=\"wp-image-85570\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Create Captivating Images with Elementor AI<\/strong><\/h2>\n\n\n\n<p>Elementor AI, available as a free trial in every Elementor website now also includes the ability to create and enhance images. Create a prompt by describing the image you want to create, customize it using generative fill, create image variations from an AI generated image or an image you already have on your website and more.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1201\" height=\"631\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/05.2023_3.14-Beta_High-Speed\u2028-Accessible.png\" alt=\"\" class=\"wp-image-85571\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Performance &amp; Accessibility Improvements<\/strong><\/h2>\n\n\n\n<p>Elementor 3.14 includes accessibility updates to the Button, Accordion, and Toggle widgets. This version also includes performance improvements to the loading mechanism in the Elementor Pro Video Playlist widget. You can read more about it <a href=\"https:\/\/developers.elementor.com\/elementor-3-14-developers-update\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">[Pro] Important &#8211; Loop Carousel &#8211; HTML Changes in Pagination and Navigation<\/h3>\n\n\n\n<p>Loop Carousel was updated to be more compatible with containers. <strong>&nbsp;Please note, if you\u2019ve applied Custom <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=\"24854\">CSS<\/a> to the Loop Carousel widget in the past, especially to style the navigation or pagination, there may be a potential issue<\/strong> that could impact your website\u2019s design. Therefore, we highly recommend you test this feature on your website first.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Take Your Website\u2019s Aesthetics to New Heights<\/strong><\/h2>\n\n\n\n<p>Elementor 3.14 introduces a range of design enhancements, to elevate your website\u2019s design and display of content. With the highly requested Carousel widget, a Nested Element, you can incorporate content into each slide of the Carousel, and adjust its styling and design as you see fit. Additionally, this version extends the Loop Alternate Template, part of the Loop Grid widget, enabling you to integrate select, static content into your Product and Post listings. This version also includes Elementor AI for image creation, which empowers you to create captivating images, customize them, and more.&nbsp;<\/p>\n\n\n\n<p>To try out these new features, be sure to update to Elementor 3.14, and let us know how you plan on using these new updates on your website.&nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features. <\/p>\n","protected":false},"author":2024207,"featured_media":85574,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[44,199,15],"tags":[205,216],"marketing_persona":[],"marketing_intent":[],"class_list":["post-85563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","category-elementor-ai","category-new-features","tag-banner-ai","tag-banner-exclude-default"],"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.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads<\/title>\n<meta name=\"description\" content=\"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.\" \/>\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\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Elementor 3.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads\" \/>\n<meta property=\"og:description\" content=\"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\" \/>\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-07-03T11:30:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-01T11:17:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2401\" \/>\n\t<meta property=\"og:image:height\" content=\"1261\" \/>\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=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Introducing Elementor 3.14 &#8211; Gain More Design Flexibility with Nested Carousels and Loop Grid Ads\",\"datePublished\":\"2023-07-03T11:30:55+00:00\",\"dateModified\":\"2025-12-01T11:17:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\"},\"wordCount\":2011,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png\",\"keywords\":[\"banner-ai\",\"banner-exclude-default\"],\"articleSection\":[\"Elementor\",\"Elementor AI\",\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\",\"url\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\",\"name\":\"Introducing Elementor 3.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png\",\"datePublished\":\"2023-07-03T11:30:55+00:00\",\"dateModified\":\"2025-12-01T11:17:59+00:00\",\"description\":\"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png\",\"width\":2401,\"height\":1261},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor\",\"item\":\"https:\/\/elementor.com\/blog\/category\/elementor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Introducing Elementor 3.14 &#8211; Gain More Design Flexibility with Nested Carousels and Loop Grid Ads\"}]},{\"@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.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads","description":"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.","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\/introducing-314-nested-carousel-loop-grid-ads-and-more\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Elementor 3.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads","og_description":"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.","og_url":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2023-07-03T11:30:55+00:00","article_modified_time":"2025-12-01T11:17:59+00:00","og_image":[{"width":2401,"height":1261,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Introducing Elementor 3.14 &#8211; Gain More Design Flexibility with Nested Carousels and Loop Grid Ads","datePublished":"2023-07-03T11:30:55+00:00","dateModified":"2025-12-01T11:17:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/"},"wordCount":2011,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png","keywords":["banner-ai","banner-exclude-default"],"articleSection":["Elementor","Elementor AI","New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/","url":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/","name":"Introducing Elementor 3.14 - Gain More Design Flexibility with Nested Carousels and Loop Grid Ads","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png","datePublished":"2023-07-03T11:30:55+00:00","dateModified":"2025-12-01T11:17:59+00:00","description":"This version includes a new Carousel widget, extends the Loop Grid with the ability to place static content within the Loop, a Global Styles Preview, and a multitude of highly requested styling capabilities, and new Elementor AI features.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/07\/3.14-cover-1.png","width":2401,"height":1261},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/introducing-314-nested-carousel-loop-grid-ads-and-more\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Elementor","item":"https:\/\/elementor.com\/blog\/category\/elementor\/"},{"@type":"ListItem","position":3,"name":"Introducing Elementor 3.14 &#8211; Gain More Design Flexibility with Nested Carousels and Loop Grid Ads"}]},{"@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\/85563","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=85563"}],"version-history":[{"count":11,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/85563\/revisions"}],"predecessor-version":[{"id":146147,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/85563\/revisions\/146147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/85574"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=85563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=85563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=85563"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=85563"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=85563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}