{"id":13641,"date":"2023-05-06T06:17:22","date_gmt":"2023-05-06T10:17:22","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&p=13641"},"modified":"2023-05-08T10:35:16","modified_gmt":"2023-05-08T14:35:16","slug":"change-the-transparency-background-of-more-menu-in-layout-1","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-the-transparency-background-of-more-menu-in-layout-1\/","title":{"rendered":"Change the transparency (background) of ‘More’ menu in Layout 1."},"content":{"rendered":"\n

The edit below will allow you to edit the transparency (background) level of the “More” menu in Layout 1.<\/p>\n\n\n\n

BEFORE<\/h3>\n\n\n\n
\"\"\/<\/a><\/figure>\n\n\n\n

AFTER<\/h3>\n\n\n\n
\"\"\/<\/a><\/figure>\n\n\n\n

1)<\/strong> Log into your App Manager<\/strong> and select your app<\/strong>.<\/p>\n\n\n\n

2)<\/strong> Click Colors<\/strong> from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n

3)<\/strong> Scroll down to the Advanced SCSS box<\/strong>. If there is already code in the Advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n\n\n\n

\/*** BEGIN: LAYOUT 1 - CHANGE MORE MENU TRANSPARENCY ***\/\nion-modal-view {\nopacity:.95 !important\n}\n\/*** END: LAYOUT 1 - CHANGE MORE MENU TRANSPARENCY ***\/<\/code><\/pre>\n\n\n\n
NOTE:<\/strong> The area that affects the transparency is “.95”.\u00a0The lower the number, the more transparent the menu will be. So if you use “.5” it will be very transparent. Using “1.0” will result in practically no transparency. You can also use numbers such as “.85”.<\/p>\n","protected":false},"excerpt":{"rendered":"
The edit below will allow you to edit the transparency (background) level of the “More” menu in Layout 1. BEFORE AFTER 1) Log into your App Manager and select your app. 2) Click Colors from the left-hand-side of the screen (or the middle of the screen). 3) Scroll down to the Advanced SCSS box. If there is already code in the Advanced SCSS box, do not remove it. Start a new line \u201cafter\u201d the last character in the box, then paste the above code. NOTE: The area that affects the transparency is “.95”.\u00a0The lower the number, the more transparent the menu will be. So if you use “.5”<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13641","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13641","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=13641"}],"version-history":[{"count":3,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13641\/revisions"}],"predecessor-version":[{"id":14214,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13641\/revisions\/14214"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13641"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}