{"id":13535,"date":"2023-05-06T04:35:32","date_gmt":"2023-05-06T08:35:32","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13535"},"modified":"2023-05-07T05:02:03","modified_gmt":"2023-05-07T09:02:03","slug":"how-do-i-hide-the-inner-icon-on-the-red-button-in-the-fab-layout","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/how-do-i-hide-the-inner-icon-on-the-red-button-in-the-fab-layout\/","title":{"rendered":"How do I hide the inner icon on the red button in the Fab layout?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If you don&#8217;t want to use the inner icon that is on the red button in the Fab layout, follow the instructions below to hide it:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your <strong>App Manager<\/strong> 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>.\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 above code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/** Begin hide fab layout inner icon of red button.*\/\n\n.layout.fabmenu .fab .fab1 .toggle:before,\n\n.layout.fabmenu .fab .fab1 .toggle:after\n\n{ background: transparent; }\n\n\/** Begin hide fab layout inner icon of red button.*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong> Click <strong>Save<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you don&#8217;t want to use the inner icon that is on the red button in the Fab layout, follow the instructions below to hide it: 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.\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 above code. 4) Click Save.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13535","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13535","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=13535"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13535\/revisions"}],"predecessor-version":[{"id":14015,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13535\/revisions\/14015"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13535"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}