{"id":13393,"date":"2023-05-06T02:33:47","date_gmt":"2023-05-06T06:33:47","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13393"},"modified":"2023-05-07T23:01:53","modified_gmt":"2023-05-08T03:01:53","slug":"my-account-login-screen-background-color","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/my-account-login-screen-background-color\/","title":{"rendered":"My Account Login screen background color."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>How do I give the My Account login screen a solid background color?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to give the &#8220;My Account&#8221; (login\/register) screen a solid background color.<\/p>\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>&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>.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/**\u00a0Begin change my account login background color*\/\n\n.customer-view:after {\n\nposition: absolute;\n\ncontent: \"\";\n\nbackground: rgba(255,255,255,0.7);\n\ntop: 0;\n\nbottom: 0;\n\nheight: 100%;\n\nwidth: 100%;\n\nz-index: -1;\n\n}\n\n\/**\u00a0End change my account login background color*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/**\u00a0Begin change my account login background color*\/\n\n.customer-view ion-content {\n\nbackground: linear-gradient(135deg, #f2f6f8 0%,#d8e1e7 49%,#b5c6d0 73%,#e0eff9 100%);\n\n}\n\n\/**\u00a0End change my account login background color*\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong> To change the transparency, adjust the&nbsp;<strong>0.7<\/strong> parameter.&nbsp;If you want to change the color, simply change the rgba color <strong>255,255,255.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the 2nd edit, change the hex #&#8217;s to reflect the colors that you want to use.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>How do I give the My Account login screen a solid background color? Follow the instructions below to give the &#8220;My Account&#8221; (login\/register) screen a solid background color. 1)&nbsp;Log into your App Manager 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 the\u00a0Advanced SCSS box.\u00a0If there is already code in the box do not delete it!\u00a0Simply add this code &#8220;below&#8221; the last character of code in the box. You can also use: 4)Click&nbsp;Save. NOTE: To change the transparency, adjust the&nbsp;0.7 parameter.&nbsp;If you want to change the color, simply change the rgba<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13393","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13393","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=13393"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13393\/revisions"}],"predecessor-version":[{"id":14108,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13393\/revisions\/14108"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13393"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}