{"id":102,"date":"2011-12-19T06:05:25","date_gmt":"2011-12-19T06:05:25","guid":{"rendered":"http:\/\/www.premiumbloggertemplates.com\/blog\/?p=102"},"modified":"2014-03-03T02:42:33","modified_gmt":"2014-03-03T02:42:33","slug":"solution-for-page-elements-layout-mode-broken-problem","status":"publish","type":"post","link":"https:\/\/www.premiumbloggertemplates.com\/blog\/solution-for-page-elements-layout-mode-broken-problem\/","title":{"rendered":"Solution for Page Elements &#8220;Layout Mode&#8221; Broken Problem"},"content":{"rendered":"<p>Can you see page elements in \"Layout mode\" is showing in <strong>single column<\/strong> ?<\/p>\n<p><a href=\"https:\/\/www.premiumbloggertemplates.com\/blog\/solution-for-page-elements-layout-mode-broken-problem\/page-elements-layout\/\" rel=\"attachment wp-att-103\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-103\" title=\"Page Elements Layout Broken\" src=\"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-content\/uploads\/2011\/12\/Page-Elements-Layout.png\" alt=\"Page Elements Layout Broken\" width=\"550\" height=\"767\" \/><\/a><\/p>\n<p>Follow the steps given here to solve it.<\/p>\n<p>Copy code given below:<\/p>\n<pre style=\"height: 350px; width: 90%; overflow: auto; border: 1px solid black;\">body#layout ul{list-style-type:none;list-style:none}\r\nbody#layout ul li{list-style-type:none;list-style:none}\r\nbody#layout #outer-wrapper{overflow:visible;width:1000px}\r\nbody#layout #header{float:left;width:240px}\r\nbody#layout #header2{float:right;width:240px}\r\nbody#layout .add_widget{width:240px}\r\nbody#layout div.widget{width:240px}\r\nbody#layout #sidebar-wrapper{overflow:visible;width:240px}\r\nbody#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;}\r\nbody#layout #main-wrapper{overflow:visible;float:left;width:240px}\r\nbody#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px}\r\nbody#layout #myGallery{display:none}\r\nbody#layout .featuredposts{display:none}\r\nbody#layout .fp-slider{display:none}\r\nbody#layout #navcontainer{display:none}\r\nbody#layout .menu-secondary-wrap{display:none}\r\nbody#layout .menu-secondary-container{display:none}\r\nbody#layout #skiplinks{display:none}\r\nbody#layout .feedtwitter{display:none}\r\nbody#layout div.section{font-family:sans-serif;margin:0 auto 2px;padding:0 0 10px 0;position:relative;overflow:visible}\r\nbody#layout .section-columns{margin:0}\r\n.section{width:100%}<\/pre>\n<p>Go to \"Edit HTML\". Now add copied code exactly to the location as given below.<\/p>\n<p><a href=\"https:\/\/www.premiumbloggertemplates.com\/blog\/solution-for-page-elements-layout-mode-broken-problem\/page-elements-layout-broken\/\" rel=\"attachment wp-att-104\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-104\" title=\"Page Elements Layout Broken Solution\" src=\"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-content\/uploads\/2011\/12\/Page-Elements-Layout-Broken.png\" alt=\"Page Elements Layout Broken Solution\" width=\"710\" height=\"731\" \/><\/a><\/p>\n<p>Save your template and go to \"Page Elements\". Now you can identify your page elements clearly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Can you see page elements in \"Layout mode\" is showing in single column ? Follow the steps given here to solve it. Copy code given below: body#layout ul{list-style-type:none;list-style:none} body#layout ul li{list-style-type:none;list-style:none} body#layout #outer-wrapper{overflow:visible;width:1000px} body#layout #header{float:left;width:240px} body#layout #header2{float:right;width:240px} body#layout .add_widget{width:240px} body#layout div.widget{width:240px} body#layout #sidebar-wrapper{overflow:visible;width:240px} body#layout #lsidebar-wrapper{overflow:visible;float:left;width:240px;margin-right:50px;} body#layout #main-wrapper{overflow:visible;float:left;width:240px} body#layout #rsidebar-wrapper{overflow:visible;float:right;width:240px} body#layout #myGallery{display:none} body#layout .featuredposts{display:none} body#layout .fp-slider{display:none} [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-template-layout"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/comments?post=102"}],"version-history":[{"count":0,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbloggertemplates.com\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}