{"id":158,"date":"2022-11-18T14:06:44","date_gmt":"2022-11-18T14:06:44","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=158"},"modified":"2023-09-01T11:59:50","modified_gmt":"2023-09-01T11:59:50","slug":"site-layout-site-width","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/site-layout-site-width\/","title":{"rendered":"Site Layout &amp; Site Width"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"158\" class=\"elementor elementor-158\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b2afa2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b2afa2\" 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-91431f0\" data-id=\"91431f0\" 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-cefcdd1 elementor-widget elementor-widget-pt_title\" data-id=\"cefcdd1\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Site Background &amp; Content Maximum Width\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b2b420 elementor-widget elementor-widget-text-editor\" data-id=\"6b2b420\" 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>To customize your site layout, please go to\u00a0<strong>WordPress Customizer &gt; General &gt; General Layouts<\/strong>.<\/p><p>You can change the following settings:<\/p><ul><li>Choose custom background color for the entire site.<\/li><li>Upload a site background image.<\/li><li><strong>Content Max Width<\/strong>\u00a0&#8211; Select &#8220;Custom&#8221; and then you can enter a custom maximum width.\u00a0<strong>The default content max width is 1300px.<\/strong><\/li><\/ul>\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-46ac58c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"46ac58c\" 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-9771c1d elementor-widget elementor-widget-pt_title\" data-id=\"9771c1d\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Elementor Content Width\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-704e291 elementor-widget elementor-widget-text-editor\" data-id=\"704e291\" 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 may also need to adjust the width of the Elementor page in order to match the content width set in the theme options.<\/p>\n<p>The default content maximum width of the theme is&nbsp;<span class=\"highlighted\">1300 pixels<\/span>, while the default content maximum width of Elementor is&nbsp;<span class=\"highlighted\">1140 pixels<\/span>. For best results, always keep these two data consistent.<\/p>\n<p>Therefore, if you change the&nbsp;<strong>Content Max Width<\/strong>&nbsp;in the Customizer, please also change the&nbsp;<strong>Elementor Content Width<\/strong>&nbsp;to the same value.<\/p>\n<p><strong>How to change the Elementor Content Width:<\/strong>&nbsp;Simply &#8220;Edit with Elementor&#8221; any page or post, click the&nbsp;<strong>hamburger menu icon<\/strong>&nbsp;in the upper left corner of the Elementor Widget Panel, and click on&nbsp;<strong>Site Settings<\/strong>&nbsp;&gt;&nbsp;<strong>Layout<\/strong>&nbsp;&gt;&nbsp;<strong>Content Width<\/strong>.<\/p>\n<p>This is a global setting that will take effect on all Elementor pages on the current site when changed.<\/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-b68bdfd elementor-widget elementor-widget-image\" data-id=\"b68bdfd\" 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\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/elementor-width.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTczLCJ1cmwiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/elementor-width.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\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":[13],"class_list":["post-158","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/158\/revisions"}],"predecessor-version":[{"id":1086,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/158\/revisions\/1086"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=158"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}