{"id":13387,"date":"2023-05-06T02:31:33","date_gmt":"2023-05-06T06:31:33","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13387"},"modified":"2023-05-07T23:07:02","modified_gmt":"2023-05-08T03:07:02","slug":"add-space-to-menu-items-in-layout-18","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/add-space-to-menu-items-in-layout-18\/","title":{"rendered":"Add space to menu items in Layout 18."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This edit will allow you to put space between each menu item in 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\/03\/knowledgebase_layout_18_add_space_01.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/03\/knowledgebase_layout_18_add_space_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\/03\/knowledgebase_layout_18_add_space_02.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2017\/03\/knowledgebase_layout_18_add_space_02.png\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your App Manager and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>\u00a0Scroll down to the\u00a0<strong>Advanced SCSS box <\/strong>and past the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0Start a new line \u201cafter\u201d the last character in the box, then paste the code below.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/***\u00a0BEGIN: Add Space To Layout 18 Menu Items ***\/\n.layout_siberian_18 div {\nmargin-bottom: 20px;\n}\n\/***\u00a0END: Add Space To Layout 18 Menu Items ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong> Click <strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:&nbsp;<\/strong>You have change the value \u201c20\u201dpx.&nbsp;This modification affect only the layout 18.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This edit will allow you to put space between each menu item in Layout 18. BEFORE AFTER 1)&nbsp;Log into your App Manager and&nbsp;select your app. 2)Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)\u00a0Scroll down to the\u00a0Advanced SCSS box and past the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0Start a new line \u201cafter\u201d the last character in the box, then paste the code below. 4) Click Save. NOTE:&nbsp;You have change the value \u201c20\u201dpx.&nbsp;This modification affect only the layout 18.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13387","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13387","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=13387"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13387\/revisions"}],"predecessor-version":[{"id":14113,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13387\/revisions\/14113"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13387"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}