{"id":13628,"date":"2023-05-06T06:06:10","date_gmt":"2023-05-06T10:06:10","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13628"},"modified":"2023-05-07T03:50:41","modified_gmt":"2023-05-07T07:50:41","slug":"customize-height-width-of-layout-18","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/customize-height-width-of-layout-18\/","title":{"rendered":"Customize Height \/ Width of Layout 18."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to change the height\/width of Layout 18.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">BEFORE<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/08\/knowledgebase_layout_18_01.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/08\/knowledgebase_layout_18_01.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">AFTER<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/08\/knowledgebase_layout_18_02.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/08\/knowledgebase_layout_18_02.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong> While in your <strong>App Manager<\/strong>, select <strong>Colors<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>Scroll to the bottom of the screen and place the following code in the<strong> Advanced CSS box<\/strong>.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/** Begin customize height and width of layout 18*\/\n\n.layout.layout_siberian_18 {\n\npadding: 0%;\n\nheight: 100vh;\n\n}\n\n.layout.layout_siberian_18 ion-content {\n\nwidth: 100%;\n\nheight: 100%;\n\n}\n\n\/** End customize height and width of layout 18*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE<\/strong>: You can&nbsp;change several variables:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>padding<\/strong> -&amp;gt; space between borders.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>height<\/strong> -&amp;gt; height of your menu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>width<\/strong>&nbsp;-&amp;gt; width of your menu.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to change the height\/width of Layout 18. BEFORE AFTER 1) While in your App Manager, select Colors. 2)Scroll to the bottom of the screen and place the following code in the Advanced CSS box.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box. NOTE: You can&nbsp;change several variables: padding -&amp;gt; space between borders. height -&amp;gt; height of your menu. width&nbsp;-&amp;gt; width of your menu.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13628","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13628"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13628\/revisions"}],"predecessor-version":[{"id":13956,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13628\/revisions\/13956"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13628"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}