{"id":1014,"date":"2023-10-03T10:03:36","date_gmt":"2023-10-03T10:03:36","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=1014"},"modified":"2023-10-03T11:27:46","modified_gmt":"2023-10-03T11:27:46","slug":"elementor-flexbox-container","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/elementor-flexbox-container\/","title":{"rendered":"Elementor Flexbox Container"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1014\" class=\"elementor elementor-1014\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-491904d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"491904d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2934c56\" data-id=\"2934c56\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd8d4a4 elementor-widget elementor-widget-text-editor\" data-id=\"bd8d4a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>About Flexbox Container<\/h3><p>Flexbox Container is the new layout structure provided by Elementor. For more details about this feature, please visit Elementor&#8217;s documentation: <a href=\"https:\/\/elementor.com\/help\/elementor-editor\/creating-a-page-layout\/flexbox-containers\/\" target=\"_blank\" rel=\"noopener\">Flexbox Container<\/a>.<\/p><p>Before you can use the new containers, you must activate <strong>Flexbox Container<\/strong>. Please head over to Elementor <strong>settings<\/strong> from the WordPress dashboard. Then, click on the <strong>Features<\/strong> tab, scroll down, look for the <strong>Flexbox Container<\/strong>, and select the <strong>Active<\/strong> option from the drop-down menu. Finally, save the changes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d76a7d elementor-widget elementor-widget-image\" data-id=\"6d76a7d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxNiwidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvcGF0aW90aW1lXC93cC1jb250ZW50XC91cGxvYWRzXC9zaXRlc1wvNlwvMjAyM1wvMTBcL2NvbnRhaW5lci1lbmFibGUuanBnIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"736\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-1024x736.jpg\" class=\"attachment-large size-large wp-image-1016\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-1024x736.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-300x216.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-768x552.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-1536x1103.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-enable-2048x1471.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">(Click the image to zoom in) <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d53e47 elementor-widget elementor-widget-text-editor\" data-id=\"8d53e47\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>What happens if I decide to deactivate containers?<\/strong><\/p>\n<p>If you deactivate the feature, every container you created will be <b>removed<\/b> from your website, you will be able to return them if you reactivate the feature and restore a previous revision.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef8dfd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"1ef8dfd\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4812518 elementor-widget elementor-widget-text-editor\" data-id=\"4812518\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Convert Sections to Containers<\/h3><p>If your site content is originally composed of Sections, Inner Sections and Columns, you can choose to convert them into containers. When selecting a <b>Section<\/b>, you will find the &#8220;<b>Convert<\/b>&#8221; button in the left panel of the Elementor editor. Click it then the section will be duplicated and converted into Containers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5650e47 elementor-widget elementor-widget-image\" data-id=\"5650e47\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMywidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvcGF0aW90aW1lXC93cC1jb250ZW50XC91cGxvYWRzXC9zaXRlc1wvNlwvMjAyM1wvMTBcL2NvbnRhaW5lci1wdC00LmpwZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1024x566.jpg\" class=\"attachment-large size-large wp-image-1013\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1024x566.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-300x166.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-768x425.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1536x850.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-2048x1133.jpg 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1920x1062.jpg 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1440x797.jpg 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-1200x664.jpg 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-780x431.jpg 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-600x332.jpg 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-550x304.jpg 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-370x205.jpg 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-4-255x141.jpg 255w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">(Click the image to zoom in) <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a223dd elementor-widget elementor-widget-text-editor\" data-id=\"1a223dd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can have sections and containers on the same page.\u00a0So you can also choose not to convert previously created sections.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9e28a5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b9e28a5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c24f8f elementor-widget elementor-widget-text-editor\" data-id=\"6c24f8f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>PatioTime Additional Settings for Flexbox Containers<\/h3><p>The PatioTime theme adds the following additional settings for Section and Column:<\/p><ul><li><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/stretch-section-to-fullwidth\/\">Section: PatioTime Layout<\/a><\/li><li><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/background-parallax-animation-on-sections\/\">Section: Background Parallax<\/a><\/li><li><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/column-color-scheme-setting\/\">Column: Color Scheme<\/a><\/li><li><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/change-the-order-of-columns-for-different-devices\/\">Column: Column Order<\/a><\/li><\/ul><p>But before the release of PatioTime version 1.5, these additional settings were not added for Flexbox Container. Therefore, if you are using PatioTime version 1.4 or earlier, you will lose the effects of these additional settings after converting sections to containers.<\/p><p>In PatioTime version 1.5.0 (released on July 10, 2023), we added these settings to Flexbox Container as well (except Column Order, because Flexbox Container itself includes this feature).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c2dc10 elementor-widget elementor-widget-text-editor\" data-id=\"5c2dc10\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><strong>Container: [PatioTime] Layout<\/strong><\/h4><p>When editing a Container, in the left panel of the Elementor editor, please navigate to the &#8220;<strong>Layout<\/strong>&#8221; tab, and find <strong>[PatioTime] Layout<\/strong>.\u00a0These options work in the same way as the same options on Sections. Please refer to <a href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/stretch-section-to-fullwidth\/\">this tutorial<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4477b63 elementor-widget elementor-widget-image\" data-id=\"4477b63\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMCwidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvcGF0aW90aW1lXC93cC1jb250ZW50XC91cGxvYWRzXC9zaXRlc1wvNlwvMjAyM1wvMTBcL2NvbnRhaW5lci1wdC0xLmpwZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1024x566.jpg\" class=\"attachment-large size-large wp-image-1010\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1024x566.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-300x166.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-768x425.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1536x850.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-2048x1133.jpg 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1920x1062.jpg 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1440x797.jpg 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-1200x664.jpg 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-780x431.jpg 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-600x332.jpg 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-550x304.jpg 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-370x205.jpg 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-1-255x141.jpg 255w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">(Click the image to zoom in) <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1316d1 elementor-widget elementor-widget-text-editor\" data-id=\"b1316d1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><strong>Container: [PatioTime] Animation<\/strong><\/h4><p>When editing a Container, in the left panel of the Elementor editor, please navigate to the &#8220;<strong>Style<\/strong>&#8221; tab, and find <strong>[PatioTime] Animation<\/strong>. There you can enable the parallax animation for the background image\/video of this container.\u00a0<span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">These options work in the same way as the same options on Sections. Please refer to<\/span><span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">\u00a0<\/span><a style=\"font-size: var(--post-text-size); font-family: var(--kb-font); background-color: #ffffff;\" href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/background-parallax-animation-on-sections\/\">this tutorial<\/a><span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aefb8f9 elementor-widget elementor-widget-image\" data-id=\"aefb8f9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMSwidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvcGF0aW90aW1lXC93cC1jb250ZW50XC91cGxvYWRzXC9zaXRlc1wvNlwvMjAyM1wvMTBcL2NvbnRhaW5lci1wdC0yLmpwZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1024x566.jpg\" class=\"attachment-large size-large wp-image-1011\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1024x566.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-300x166.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-768x425.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1536x850.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-2048x1133.jpg 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1920x1062.jpg 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1440x797.jpg 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-1200x664.jpg 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-780x431.jpg 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-600x332.jpg 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-550x304.jpg 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-370x205.jpg 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-2-255x141.jpg 255w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">(Click the image to zoom in) <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-316feee elementor-widget elementor-widget-text-editor\" data-id=\"316feee\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4><strong>Container: [PatioTime] Color Scheme<\/strong><\/h4><p>When editing a Container, in the left panel of the Elementor editor, please navigate to the &#8220;<strong>Style<\/strong>&#8221; tab, and find <strong>[PatioTime] Color Scheme<\/strong>.\u00a0<span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">This option work in the same way as the same option on Columns. Please refer to<\/span><span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">\u00a0<\/span><a style=\"font-size: var(--post-text-size); font-family: var(--kb-font); background-color: #ffffff;\" href=\"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/column-color-scheme-setting\/\">this tutorial<\/a><span style=\"color: var(--content-color); font-size: var(--post-text-size); font-family: var(--kb-font); background-color: var(--bg-color);\">.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b5f5da elementor-widget elementor-widget-image\" data-id=\"5b5f5da\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTAxMiwidXJsIjoiaHR0cHM6XC9cL2xvZnRvY2Vhbi5jb21cL2RvY1wvcGF0aW90aW1lXC93cC1jb250ZW50XC91cGxvYWRzXC9zaXRlc1wvNlwvMjAyM1wvMTBcL2NvbnRhaW5lci1wdC0zLmpwZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"566\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1024x566.jpg\" class=\"attachment-large size-large wp-image-1012\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1024x566.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-300x166.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-768x425.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1536x850.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-2048x1133.jpg 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1920x1062.jpg 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1440x797.jpg 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-1200x664.jpg 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-780x431.jpg 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-600x332.jpg 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-550x304.jpg 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-370x205.jpg 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2023\/10\/container-pt-3-255x141.jpg 255w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">(Click the image to zoom in) <\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[6],"class_list":["post-1014","ptkb","type-ptkb","status-publish","hentry","ptkb_category-elementor-settings"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/1014","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/1014\/revisions"}],"predecessor-version":[{"id":1021,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/1014\/revisions\/1021"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/media?parent=1014"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb_category?post=1014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}