{"id":29183,"date":"2023-08-09T12:00:00","date_gmt":"2023-08-09T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=29183"},"modified":"2023-09-21T22:56:38","modified_gmt":"2023-09-21T19:56:38","slug":"creating-a-footer-template-with-the-container","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/","title":{"rendered":"Create a footer using a Flexbox container"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>In the following tutorial you will learn to make a custom Footer Template using containers. Before starting this tutorial, you should have a basic knowledge of the container properties and UI, if not take the time to review them before continuing.&nbsp;<\/p>\n\n\n\n<p>This tutorial will be using a parent container with side by side child containers. The left child container will use the direction of row and a 60% width. The right child container will use the direction of column and a 40% width. A single container will be placed below with a dynamic copyright notice.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish.png\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish-1024x499.png\" alt=\"\" class=\"wp-image-29184\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Getting started<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating the parent container layout<\/h3>\n\n\n\n<p>You will begin by adding a new container to your template design. This will be referred to as the \u201cParent Container\u201d in this and other related documents.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-One.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-One.gif\" alt=\"\" class=\"wp-image-29185\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Click the + Icon to add a New Container.<\/li><li>Select the Two Container layout option from the preset layouts.<\/li><li>From the Container Width option, select Full Width.<\/li><li>From the Minimum Height option, select the VH (Viewport Height). and enter a value (example: 40).<\/li><li>From the Style Tab, select the background color options and choose a desired color (example: use a global color from your Site Settings).<\/li><li>From the Advanced tab &gt; Padding, enter a desired value (example: 3%).<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Setting up the child containers<\/h3>\n\n\n\n<p>In this step you will be defining the width and direction of the child containers. Child Containers are placed within the parent container to create columns when required. Keep in mind that the total number of nested elements should be kept to the minimum that is required in order to optimize the performance of your page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Two.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Two.gif\" alt=\"\" class=\"wp-image-29186\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Select and edit the left side column.<\/li><li>In the Container Width property, enter a value of 60%.<\/li><li>From the Items tab, select the direction of Row.<\/li><li>Select and edit the right side column.<\/li><li>In the Container Width property, enter a value of 40%.<\/li><li>From the Items tab, select the Direction of Column (may be default).<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Adding content<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Adding company links<\/h3>\n\n\n\n<p>In this step you will add your company links. You will only be using the text editor widget for this example. For time saving, you should prepare these and have them saved in a word document or notes.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Three.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Three.gif\" alt=\"\" class=\"wp-image-29187\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>From the widget panel, drag a Text Editor widget to the left child container.<\/li><li>Duplicate the Text Editor widget three additional times by using the right click function.<\/li><li>From your prepared assets, edit the Text Editor widgets. Each should have a heading (example: H3) and links below.<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Adding branding and info<\/h3>\n\n\n\n<p>In this container, you will be adding the company logo, mission statement, a search box, and social media links. The search box could be switched to a subscription form if desired.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Four.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Four.gif\" alt=\"\" class=\"wp-image-29188\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>From the Widgets Panel, drag and drop a Site Logo* widget into the right child container. The image should be left aligned.<\/li><li>From the Widgets Panel, drag and drop a Text Editor widget below the Site Logo. This may be edited to include the company&#8217;s mission statement or other information.<\/li><li>From the Widgets Panel, drag and drop a Search or Form Widget below the Text Editor<\/li><li>Next, from the Widgets Panel, drag and drop a Heading widget below. From the HTML tags, select \u201cp.\u201d Edit the text to invite visitors to your social media pages.<\/li><li>Finally, From the Widgets Panel, drag and drop the Social Icons widget to the bottom of the container. Align these to the left. From the Style Tab, select the Size option and enter a desired value (example: 16px)<\/li><\/ol>\n\n\n\n<p>*The Site Logo must have a previously assigned image. This is done in the Site Identity settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding a copyright container<\/h3>\n\n\n\n<p>To complete the desktop design, You will now add a dynamic copyright container. If you do not have Elementor Pro, you may simply add your copyright text into the Heading widget used rather than the dynamic functions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Five.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Five.gif\" alt=\"\" class=\"wp-image-29189\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Adding the parent Container<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>Add a new Container by clicking the + icon. Select the single container layout option.<\/li><li>Right click to edit the container properties.<\/li><li>Set the Container Width to Full.<\/li><li>From the Items tab choose to Align Items to Center. The default Direction of Column may be kept.<\/li><li>From the Style Tab, choose a background color or use a Global Style setting.<\/li><li>From the Advanced tab &gt; Padding, enter a desired value (example:1%)<\/li><\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Adding copyright information<\/h4>\n\n\n\n<ol class=\"wp-block-list\"><li>From the Widgets Panel, drag and drop a Heading widget to the new Container.<\/li><li>From the Style Tab, change the color to a desired value or Global Color setting.<\/li><li>Return to the Content Tab. From the HTML tags, select the \u201cp\u201d option to change the heading to body text formatting.<\/li><li>Next, click the dynamic icon* to open the options. From the list shown, choose the Current Date and Time option.<\/li><li>To edit the dynamic text, click the small wrench icon.<\/li><li>In the dropdown time options choose None.<\/li><li>In the dropdown Date options, select the Custom option. In the value, enter \u201cY\u201d this will display the current year<\/li><li>From the Advanced options, enter a \u00a9 in the before value. In the after value, you may enter your desired text. Remember to add a space before the text in order to properly display.<\/li><\/ol>\n\n\n\n<p>*If you do not have Elementor Pro, you may skip the dynamic steps and enter a desired copyright text.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive editing<\/h2>\n\n\n\n<p>It is now time to check the responsive views of your footer. Select the responsive tools from the bottom of the Editor panel. In the example below we will cover the mobile view.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Six.gif\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/Footer-Template-Step-Six.gif\" alt=\"\" class=\"wp-image-29190\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>In the Parent Container open the Items tab and apply the Wrap option. This will allow the Child Containers to stack on smaller screens such as tablet and mobile.<\/li><li>In each of the Child Containers change the Container Width to 100%. This will stack the child containers in the viewport.<\/li><li>If desired, you may change the Order of each container in their Advanced tab. .<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Finishing up<\/h2>\n\n\n\n<p>Now that your layout is complete, you may edit any links and text that is required. You may also find that some individual widgets need to be edited for better alignment and padding in responsive views.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Next steps<\/h2>\n\n\n\n<p>Now that you&#8217;re familiar with how to build headers and footers with containers, let&#8217;s look at how to <a href=\"https:\/\/elementor.com\/help\/creating-a-single-page-template-with-the-container\/\">create a single page template<\/a>. This template will be used as the default design for your site&#8217;s pages.  \u00a0<\/p>\n\n\n\n<p>To get the most out of<strong> Elementor,<\/strong> check out the<a href=\"https:\/\/elementor.com\/academy\/\"> Elementor Academy<\/a> for helpful learning resources. If you come across any issues or need help, please contact our<a href=\"https:\/\/elementor.com\/support\/\"> Support Center<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction In the following tutorial you will learn to make a custom Footer Template using containers. Before starting this tutorial, you should have a basic knowledge of the container properties and UI, if not take the time to review them before continuing.&nbsp; This tutorial will be using a parent container with side by side child [&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":["65bcea0ea2a8a81df2f29aa3"],"footnotes":""},"categories":[1443],"tags":[1330],"class_list":["post-29183","post","type-post","status-publish","format-standard","hentry","category-flexbox-containers","tag-beta"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create a footer using a Flexbox container | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create a footer using a Flexbox container 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\/creating-a-footer-template-with-the-container\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a footer using a Flexbox container | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create a footer using a Flexbox container in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-09T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T19:56:38+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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create a footer using a Flexbox container\",\"datePublished\":\"2023-08-09T09:00:00+00:00\",\"dateModified\":\"2023-09-21T19:56:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\"},\"wordCount\":1087,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish-1024x499.png\",\"keywords\":[\"Beta\"],\"articleSection\":[\"Flexbox containers\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\",\"url\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\",\"name\":\"Create a footer using a Flexbox container | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish-1024x499.png\",\"datePublished\":\"2023-08-09T09:00:00+00:00\",\"dateModified\":\"2023-09-21T19:56:38+00:00\",\"description\":\"Learn everything about Create a footer using a Flexbox container in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#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\":\"Layout\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Flexbox containers\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Create a footer using a Flexbox container\"}]},{\"@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":"Create a footer using a Flexbox container | Elementor","description":"Learn everything about Create a footer using a Flexbox container 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\/creating-a-footer-template-with-the-container\/","og_locale":"en_US","og_type":"article","og_title":"Create a footer using a Flexbox container | Elementor","og_description":"Learn everything about Create a footer using a Flexbox container in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/","og_site_name":"Help","article_published_time":"2023-08-09T09:00:00+00:00","article_modified_time":"2023-09-21T19:56:38+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create a footer using a Flexbox container","datePublished":"2023-08-09T09:00:00+00:00","dateModified":"2023-09-21T19:56:38+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/"},"wordCount":1087,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish-1024x499.png","keywords":["Beta"],"articleSection":["Flexbox containers"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/","url":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/","name":"Create a footer using a Flexbox container | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/03\/FooterFetish-1024x499.png","datePublished":"2023-08-09T09:00:00+00:00","dateModified":"2023-09-21T19:56:38+00:00","description":"Learn everything about Create a footer using a Flexbox container in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/creating-a-footer-template-with-the-container\/#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":"Layout","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/"},{"@type":"ListItem","position":4,"name":"Flexbox containers","item":"https:\/\/elementor.com\/help\/elementor-editor\/layout\/flexbox-containers\/"},{"@type":"ListItem","position":5,"name":"Create a footer using a Flexbox container"}]},{"@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\/29183","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=29183"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29183\/revisions"}],"predecessor-version":[{"id":36540,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/29183\/revisions\/36540"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=29183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=29183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=29183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}