{"id":13508,"date":"2023-05-06T04:21:38","date_gmt":"2023-05-06T08:21:38","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13508"},"modified":"2023-05-07T09:19:18","modified_gmt":"2023-05-07T13:19:18","slug":"how-do-i-replace-the-lock-image-used-in-the-padlock-pro-feature","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/how-do-i-replace-the-lock-image-used-in-the-padlock-pro-feature\/","title":{"rendered":"How do I replace the Lock Image used in the Padlock Pro feature?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to replace the lock image that is used in the Padlock Pro feature:<\/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> and add the following code.\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 change padlock image *\/\n\nion-view&#91;state=\"loginredirect-view\"] .padlock .item:nth-child(2) {\n\nbackground-image: url(\"https:\/\/image.flaticon.com\/icons\/svg\/174\/174309.svg\");\n\nbackground-repeat: no-repeat;\n\nbackground-attachment: fixed;\n\nbackground-position: center;\n\nbackground-size: 200px;\n\nheight: 245px;\n\n};\n\n\/** End change padlock image *\/<\/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> Change the url to the url of your own image.&nbsp;You may need to adjust the height as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to replace the lock image that is used in the Padlock Pro feature: 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 and add the following code.\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&nbsp;Save. Note: Change the url to the url of your own image.&nbsp;You may need to adjust the height as well.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13508","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13508","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=13508"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13508\/revisions"}],"predecessor-version":[{"id":14034,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13508\/revisions\/14034"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13508"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}