{"id":13690,"date":"2023-05-06T10:10:21","date_gmt":"2023-05-06T14:10:21","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13690"},"modified":"2023-05-07T03:22:38","modified_gmt":"2023-05-07T07:22:38","slug":"change-source-code-loading-background-color","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/change-source-code-loading-background-color\/","title":{"rendered":"Change Source Code loading background color."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>How do I change the Source Code loading background color (from white)?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The white background is the default &#8220;body&#8221; for the inner iframe. It can&#8217;t be changed with SCSS\/CSS, only javascript (but then for that, you need to be able to call JS just in time when iframe is created).&nbsp;However, if CSS, you can change it for a large portion of the loading process (it will still blink white).&nbsp;Use the code below to change the color below from white:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;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)<\/strong>&nbsp;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>. If 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. Change &#8220;000000&#8221; to the hex color code that you want to use.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: Change Source Code Loading Screen Background Color ***\/\n&lt;div>\n\n\n\n\n&lt;\/div>\n\/*** END: Change Source Code Loading Screen Background Color ***<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How do I change the Source Code loading background color (from white)? The white background is the default &#8220;body&#8221; for the inner iframe. It can&#8217;t be changed with SCSS\/CSS, only javascript (but then for that, you need to be able to call JS just in time when iframe is created).&nbsp;However, if CSS, you can change it for a large portion of the loading process (it will still blink white).&nbsp;Use the code below to change the color below from white: 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 to<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13690","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13690","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=13690"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13690\/revisions"}],"predecessor-version":[{"id":13920,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13690\/revisions\/13920"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13690"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}