{"id":14589,"date":"2023-09-15T16:16:17","date_gmt":"2023-09-15T20:16:17","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=14589"},"modified":"2023-09-15T16:16:18","modified_gmt":"2023-09-15T20:16:18","slug":"change-background-color-of-bottom-menu-items-on-layout-s39","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-background-color-of-bottom-menu-items-on-layout-s39\/","title":{"rendered":"Change background color of bottom menu items on Layout S39."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to change the background and border color of the bottom menu items of Layout S39.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"640\" src=\"https:\/\/buzapps.net\/info\/wp-content\/uploads\/2023\/09\/layout_s39_bottom_meni_icon_color.jpg\" alt=\"\" class=\"wp-image-14592\" srcset=\"https:\/\/buzapps.net\/info\/wp-content\/uploads\/2023\/09\/layout_s39_bottom_meni_icon_color.jpg 900w, https:\/\/buzapps.net\/info\/wp-content\/uploads\/2023\/09\/layout_s39_bottom_meni_icon_color-300x213.jpg 300w, https:\/\/buzapps.net\/info\/wp-content\/uploads\/2023\/09\/layout_s39_bottom_meni_icon_color-768x546.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)&nbsp;<\/strong>Log into your&nbsp;<strong>App Manager<\/strong>&nbsp;and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)&nbsp;<\/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 until you get to the\u00a0<strong>Advanced\u00a0SCSS box<\/strong>\u00a0and paste the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0 Start 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>\/*** BEGIN: LAYOUT S39 - CHANGE BACKGROUND AND BORDER COLOR OF BOTTOM MENU ITEMS ***\/\n.layout.s39 .footer_menu a .items {\n \tbackground: rgba(255,255,255,0.7);\n  \tborder-color: transparent;\n}\n\/*** END: LAYOUT S39 - CHANGE BACKGROUND AND BORDER COLOR OF BOTTOM MENU ITEMS ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)\u00a0<\/strong>Click\u00a0<strong>Save<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to change the background and border color of the bottom menu items of Layout S39. 1)&nbsp;Log into your&nbsp;App Manager&nbsp;and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)\u00a0Scroll down until you get to the\u00a0Advanced\u00a0SCSS box\u00a0and paste the following code.\u00a0If there is already code in the advanced SCSS box, do not remove it.\u00a0 Start a new line \u201cafter\u201d the last character in the box, then paste the code below. 4)\u00a0Click\u00a0Save<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-14589","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14589","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=14589"}],"version-history":[{"count":1,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14589\/revisions"}],"predecessor-version":[{"id":14593,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/14589\/revisions\/14593"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=14589"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=14589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}