{"id":2433,"date":"2023-12-31T04:47:01","date_gmt":"2023-12-31T04:47:01","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2433"},"modified":"2026-01-29T11:23:03","modified_gmt":"2026-01-29T11:23:03","slug":"customize-wordpress-login-page-manually","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/en_gb\/customize-wordpress-login-page-manually\/","title":{"rendered":"Customize WordPress Login Page Manually"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">We&#8217;ll guide you through the process of customizing or rebranding your WordPress login page <strong>without any installing any plugin<\/strong>.<\/p>\n\n\n<style>.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00:not(.this-stops-third-party-issues){margin-top:0px;margin-bottom:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list:not(.this-prevents-issues):not(.this-stops-third-party-issues):not(.tijsloc){margin-top:0px;margin-right:0px;margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:0px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list{grid-row-gap:29px;}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 .kb-svg-icon-wrap{color:var(--global-palette2, #2B6CB0);}.wp-block-kadence-iconlist.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right:10px;}.kt-svg-icon-list-items2433_3f53ce-00 ul.kt-svg-icon-list .kt-svg-icon-list-level-0 .kt-svg-icon-list-single svg{font-size:20px;}<\/style>\n<div class=\"wp-block-kadence-iconlist kt-svg-icon-list-items kt-svg-icon-list-items2433_3f53ce-00 kt-svg-icon-list-columns-1 alignnone kt-list-icon-aligntop\"><ul class=\"kt-svg-icon-list\"><style>.kt-svg-icon-list-item-2433_9d08a8-32 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_9d08a8-32\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Customizing WordPress login page manually involves working with the WordPress theme files. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_404bd3-72 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_404bd3-72\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">Modifying theme files directly is not recommended, as it can lead to issues during theme updates. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_7cd415-9f .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_7cd415-9f\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\">It&#8217;s better to create a child theme and make modifications there. <\/span><\/li>\n\n\n<style>.kt-svg-icon-list-item-2433_b92e1e-35 .kt-svg-icon-list-text mark.kt-highlight{background-color:unset;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}<\/style>\n<li class=\"wp-block-kadence-listitem kt-svg-icon-list-item-wrap kt-svg-icon-list-item-2433_b92e1e-35\"><span class=\"kb-svg-icon-wrap kb-svg-icon-fe_arrowDownRight kt-svg-icon-list-single\"><svg viewBox=\"0 0 24 24\"  fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><line x1=\"7\" y1=\"7\" x2=\"17\" y2=\"17\"\/><polyline points=\"17 7 17 17 7 17\"\/><\/svg><\/span><span class=\"kt-svg-icon-list-text\"><strong>Additional plugin can make your website slower and vulnerable<\/strong>. That&#8217;s why doing it manually is best.<\/span><\/li>\n<\/ul><\/div>\n\n\n<figure class=\"wp-block-post-featured-image\"><img data-recalc-dims=\"1\" fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=1280%2C720&#038;ssl=1\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"customize WordPress login page\" style=\"object-fit:cover;\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?resize=768%2C432&amp;ssl=1 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2433_fab305-e6[data-kb-block=\"kb-adv-heading2433_fab305-e6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2433_fab305-e6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2433_fab305-e6\">1. <strong>Access your WordPress Files<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use FTP or cPanel\/hPanel to access your WordPress installation directory.<\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading2433_d1763e-c4[data-kb-block=\"kb-adv-heading2433_d1763e-c4\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading2433_d1763e-c4 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading2433_d1763e-c4\">2. <strong>Creating a Child Theme for Safe Customization<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the &#8220;wp-content\/themes\/&#8221; directory, create a new folder for your child theme. For example, if your main theme is &#8220;twentytwentyone,&#8221; you might create a folder named &#8220;twentytwentyone-child.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inside the child theme folder, create a style.css file and a function.php file. <\/p>\n\n\n\n<p class=\"has-theme-palette-7-background-color has-background has-medium-font-size wp-block-paragraph\">Follow this article to create a child theme properly: <a href=\"https:\/\/wpconsults.com\/how-create-wordpress-child-theme\/\" data-type=\"post\" data-id=\"1204\" rel=\"nofollow noopener\" target=\"_blank\">How to create a WordPress Child theme<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Make sure you have activated your child theme<\/strong>. If you already have a child theme and it&#8217;s activated then then move to next step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. <strong>Add this code to Functions.php file<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the same child theme folder, Open the functions.php file and add the following code: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Enqueue your custom styles\nfunction enqueue_custom_styles() {\n    wp_enqueue_style('custom-login-styles', get_stylesheet_directory_uri() . '\/custom-login-styles.css');\n}\nadd_action('login_enqueue_scripts', 'enqueue_custom_styles');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Enqueue your custom styles<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function enqueue_custom_styles() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    wp_enqueue_style(&#39;custom-login-styles&#39;, get_stylesheet_directory_uri() . &#39;\/custom-login-styles.css&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_enqueue_scripts&#39;, &#39;enqueue_custom_styles&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. <strong>Create a Custom Stylesheet:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Inside the child theme folder, create a new CSS file, e.g., custom-login-styles.css.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Customize this file with your desired styles for the login page. <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#dbd7caee;--cbp-line-number-width:calc(2 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#121212\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#dbd7ca33\" stroke=\"#dbd7ca4d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#dbd7caee;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/* Your custom login styles go here *\/\n\n.login {\n    background-color: #ffffff; \/* Background color *\/\n}\n\n#loginform {\n    background-color: #F7F7F7; \/* Form background color *\/\n    border: 2px solid #01AD9D; \/* Form border color *\/\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); \/* Form box shadow *\/\n}\n\n#loginform label {\n    color: #326AF2; \/* Label text color *\/\n}\n\n#loginform input&#91;type=\"text\"&#93;,\n#loginform input&#91;type=\"password\"&#93; {\n    background-color: #fff; \/* Input field background color *\/\n    color: #000000; \/* Input field text color *\/\n    border: 1px solid #01AD9D; \/* Input field border color *\/\n}\n\n#loginform input&#91;type=\"submit\"&#93; {\n    background-color: #01AD9D; \/* Submit button background color *\/\n    color: #ffffff; \/* Submit button text color *\/\n    border: 1px solid #01AD9D; \/* Submit button border color *\/\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); \/* Submit button box shadow *\/\n}\n\n#loginform input&#91;type=\"submit\"&#93;:hover {\n    background-color: #326AF2; \/* Hover state background color *\/\n    border: 1px solid #326AF2; \/* Hover state border color *\/\n}\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki vitesse-dark\" style=\"background-color: #121212\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #DBD7CAEE\">\/* Your custom login styles go here *\/<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">.login {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #ffffff<\/span><span style=\"color: #758575DD\">; \/* Background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #F7F7F7<\/span><span style=\"color: #758575DD\">; \/* Form background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 2px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Form border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    box-shadow<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 0 0 10px rgba(0, 0, 0, 0.1)<\/span><span style=\"color: #758575DD\">; \/* Form box shadow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m <\/span><span style=\"color: #4D9375\">label<\/span><span style=\"color: #DBD7CAEE\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #326AF2<\/span><span style=\"color: #758575DD\">; \/* Label text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;text&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93;,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;password&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #fff<\/span><span style=\"color: #758575DD\">; \/* Input field background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #000000<\/span><span style=\"color: #758575DD\">; \/* Input field text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Input field border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;submit&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Submit button background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #ffffff<\/span><span style=\"color: #758575DD\">; \/* Submit button text color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #01AD9D<\/span><span style=\"color: #758575DD\">; \/* Submit button border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    box-shadow<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 0 2px 4px rgba(0, 0, 0, 0.1)<\/span><span style=\"color: #758575DD\">; \/* Submit button box shadow *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">#login<\/span><span style=\"color: #4D9375\">for<\/span><span style=\"color: #DBD7CAEE\">m input&#91;<\/span><span style=\"color: #4D9375\">type<\/span><span style=\"color: #DBD7CAEE\">=<\/span><span style=\"color: #C98A7D\">&quot;submit&quot;<\/span><span style=\"color: #DBD7CAEE\">&#93;<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #BD976A\">hover<\/span><span style=\"color: #DBD7CAEE\"> {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    <\/span><span style=\"color: #4D9375\">background<\/span><span style=\"color: #DBD7CAEE\">-color<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> #326AF2<\/span><span style=\"color: #758575DD\">; \/* Hover state background color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">    border<\/span><span style=\"color: #666666\">:<\/span><span style=\"color: #DBD7CAEE\"> 1px solid #326AF2<\/span><span style=\"color: #758575DD\">; \/* Hover state border color *\/<\/span><\/span>\n<span class=\"line\"><span style=\"color: #DBD7CAEE\">}<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:53px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/wpconsults.com\/shared-hosting-hostinger\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"728\" height=\"90\" src=\"https:\/\/i0.wp.com\/wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?resize=728%2C90&#038;ssl=1\" alt=\"Hostinger Web Hosting\" class=\"wp-image-2741\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?w=728&amp;ssl=1 728w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/10\/728x90.png?resize=300%2C37&amp;ssl=1 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">5. <strong>Modify the Login Form<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open your child theme&#8217;s functions.php file and add the following code to modify the login form: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Customize login form\nfunction customize_login_form() {\n    echo '&lt;style type=\"text\/css\">#loginform { \/* your login form custom styles will be here but do not put it here rather put it in custom-login-styles.css file *\/ }&lt;\/style>';\n}\nadd_action('login_enqueue_scripts', 'customize_login_form');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Customize login <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function customize_login_<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    echo &#39;&lt;style <\/span><span style=\"color: #569CD6\">type<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;text<\/span><span style=\"color: #D4D4D4\">\/css<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #D4D4D4\">&gt;#login<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m { \/* your login <\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m custom styles will be here but do <\/span><span style=\"color: #569CD6\">not<\/span><span style=\"color: #D4D4D4\"> put it here rather put it in custom-login-styles.css file *\/ }&lt;\/style&gt;&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_enqueue_scripts&#39;, &#39;customize_login_<\/span><span style=\"color: #C586C0\">for<\/span><span style=\"color: #D4D4D4\">m&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. <strong>Replace the WordPress Logo from Login Page<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To replace the default WordPress logo on the login page, add the following code to your child theme&#8217;s functions.php file: <\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#D4D4D4;--cbp-line-number-width:calc(2 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#1E1E1E\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#d4d4d433\" stroke=\"#d4d4d44d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#D4D4D4;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Change login logo URL\nfunction change_login_logo_url() {\n    return home_url(); \/\/ You can keep the home URL or set it to a specific page\n}\nadd_filter('login_headerurl', 'change_login_logo_url');\n\n\/\/ Change login logo title\nfunction change_login_logo_title() {\n    return 'Your Website Name'; \/\/ Set the site name\n}\nadd_filter('login_headertitle', 'change_login_logo_title');\n\n\/\/ Customize login logo\nfunction custom_login_logo() {\n    $logo_url = 'https:\/\/www.example.com\/wp-content\/uploads\/2023\/11\/logo.png';\n    $logo_width = 250; \/\/ Adjust the width of the logo in pixels\n    $logo_height = 55; \/\/ Adjust the height of the logo in pixels\n    echo '&lt;style type=\"text\/css\">\n        .login h1 a {\n            background-image: url(' . esc_url($logo_url) . ');\n            width: ' . esc_attr($logo_width) . 'px!important;\n            height: ' . esc_attr($logo_height) . 'px!important;\n            background-size: contain;\n        }\n    &lt;\/style>';\n}\nadd_action('login_head', 'custom_login_logo');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dark-plus\" style=\"background-color: #1E1E1E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Change login logo URL<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function change_login_logo_url() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    return home_url()<\/span><span style=\"color: #6A9955\">; \/\/ You can keep the home URL or set it to a specific page<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_filter(&#39;login_headerurl&#39;, &#39;change_login_logo_url&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Change login logo title<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function change_login_logo_title() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    return &#39;Your Website Name&#39;<\/span><span style=\"color: #6A9955\">; \/\/ Set the site name<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_filter(&#39;login_headertitle&#39;, &#39;change_login_logo_title&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">\/\/ Customize login logo<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">function custom_login_logo() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_url = &#39;https<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\">\/\/www.example.com\/wp-content\/uploads\/2023\/11\/logo.png&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_width = 250<\/span><span style=\"color: #6A9955\">; \/\/ Adjust the width of the logo in pixels<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    $logo_height = 55<\/span><span style=\"color: #6A9955\">; \/\/ Adjust the height of the logo in pixels<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    echo &#39;&lt;style <\/span><span style=\"color: #569CD6\">type<\/span><span style=\"color: #D4D4D4\">=<\/span><span style=\"color: #CE9178\">&quot;text<\/span><span style=\"color: #D4D4D4\">\/css<\/span><span style=\"color: #CE9178\">&quot;<\/span><span style=\"color: #D4D4D4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        .login h1 a {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">background<\/span><span style=\"color: #D4D4D4\">-image<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> url(&#39; . esc_url($logo_url) . &#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            width<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> &#39; . esc_attr($logo_width) . &#39;px!important<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            height<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> &#39; . esc_attr($logo_height) . &#39;px!important<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">            <\/span><span style=\"color: #569CD6\">background<\/span><span style=\"color: #D4D4D4\">-size<\/span><span style=\"color: #9CDCFE\">:<\/span><span style=\"color: #D4D4D4\"> contain<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #D4D4D4\">add_action(&#39;login_head&#39;, &#39;custom_login_logo&#39;)<\/span><span style=\"color: #6A9955\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Change the logo URL with yours.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7. <strong>Save and Clear Browser cache<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Save all the modified files. You may need to clear browser cache to see the design changes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, your WordPress login page should reflect the changes you made in the child theme&#8217;s custom styles. Remember to test thoroughly and make backups before making any changes to your theme files.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8. Bonus: How to remove &#8220;WordPress&#8221; text from login page browser tab title<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your browser tab may show or hovering it may show <strong>&#8220;Log in&gt; Your Site Name &#8211; WordPress&#8221;<\/strong>. How can you remove WordPress from there?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"585\" height=\"60\" src=\"https:\/\/i0.wp.com\/wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?resize=585%2C60&#038;ssl=1\" alt=\"Remove &quot;WordPress&quot; text from login page browser tab title\" class=\"wp-image-2449\" srcset=\"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?w=585&amp;ssl=1 585w, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/image-35.png?resize=300%2C31&amp;ssl=1 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Add the following script to your <code>functions.php<\/code> file:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono-NL.ttf\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono-NL,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#F8F8F2;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#f8f8f233\" stroke=\"#f8f8f24d\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#F8F8F2;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>function custom_login_page_title_script() {\n    echo '&lt;script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            document.title = \"Log in > Your Site Name\";\n        });\n    &lt;\/script>';\n}\nadd_action('login_head', 'custom_login_page_title_script');\n<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki dracula\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F8F8F2\">function custom_login_page_title_script() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    echo &#39;&lt;script <\/span><span style=\"color: #FF79C6\">type<\/span><span style=\"color: #F8F8F2\">=<\/span><span style=\"color: #F1FA8C\">&quot;text<\/span><span style=\"color: #F8F8F2\">\/javascript<\/span><span style=\"color: #F1FA8C\">&quot;<\/span><span style=\"color: #F8F8F2\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        document.addEventListener(<\/span><span style=\"color: #F1FA8C\">&quot;DOMContentLoaded&quot;<\/span><span style=\"color: #F8F8F2\">, function() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">            document.title = <\/span><span style=\"color: #F1FA8C\">&quot;Log<\/span><span style=\"color: #F8F8F2\"> in &gt; Your Site Name<\/span><span style=\"color: #F1FA8C\">&quot;<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        })<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    &lt;\/script&gt;&#39;<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">add_action(&#39;login_head&#39;, &#39;custom_login_page_title_script&#39;)<\/span><span style=\"color: #6272A4\">;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This script uses JavaScript to change the title dynamically when the login page is loaded. It should set the browser tab title to &#8220;<strong>Log in &gt; Your Site Name<\/strong>&#8221; without the &#8220;<strong>WordPress<\/strong>&#8221; text.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After adding this script to your <code>functions.php<\/code> file, clear your browser cache and refresh the login page. The browser tab title should now display the desired text. If the issue persists, there might be some browser caching or conflicting scripts at play, and you can try testing it in an incognito\/private browsing window or a different browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I hope you like it. Comment below if you got any issue. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;ll guide you through the process of customizing or rebranding your WordPress login page without any installing any plugin. 1. Access your WordPress Files Use FTP or cPanel\/hPanel to access your WordPress installation directory. 2. Creating a Child Theme for Safe Customization In the &#8220;wp-content\/themes\/&#8221; directory, create a new folder for your child theme. For&#8230;<\/p>","protected":false},"author":1,"featured_media":2439,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[7],"tags":[64],"class_list":["post-2433","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials","tag-without-plugin-series"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/customize-wordpress-login-page.png?fit=1280%2C720&ssl=1","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pboFy3-Df","jetpack-related-posts":[{"id":2276,"url":"https:\/\/www.wpconsults.com\/en_gb\/create-registration-login-page\/","url_meta":{"origin":2433,"position":0},"title":"How to Create Registration\/Login Page for WP Job Manager","author":"Abdullah Nouman","date":"December 10, 2023","format":false,"excerpt":"WP Job Manager doesn\u2019t provide a built-in registration\/login page.\u00a0 But Do not worry. Creating a custom registration\/login page for WP Job Manager involves a few steps, including installing a plugin and customizing your theme. Simply Follow this step-by-step tutorial Step 1: Install WP Job Manager Make sure you have the\u2026","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2444,"url":"https:\/\/www.wpconsults.com\/en_gb\/change-wp-admin-url-without-plugin\/","url_meta":{"origin":2433,"position":1},"title":"Change &#8220;wp-admin&#8221; URL Without Plugin","author":"Abdullah Nouman","date":"December 31, 2023","format":false,"excerpt":"Changing the default WordPress login URL from \"wp-admin\" to a custom URL is a proactive security measure that helps safeguard your site against potential threats. \"There are tons of 3rd party plugin to do it but remember they may slow down your website also may cause security threat.\" 1. Backup\u2026","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"How To Change wp-admin URL Without Plugins","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2023\/12\/change-wp-admin-manually-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":1204,"url":"https:\/\/www.wpconsults.com\/en_gb\/how-create-wordpress-child-theme\/","url_meta":{"origin":2433,"position":2},"title":"How to Create a WordPress Child Theme","author":"Abdullah Nouman","date":"October 14, 2023","format":false,"excerpt":"When it comes to customizing your WordPress website, creating a child theme is a smart move. Learn how to create for WordPress child theme - It allows you to make changes to your theme without losing any of the customizations when the theme updates. In this blog post, we will\u2026","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":2529,"url":"https:\/\/www.wpconsults.com\/en_gb\/back-to-previous-page-button\/","url_meta":{"origin":2433,"position":3},"title":"How to Add a Go Back to Previous Page Button in WordPress (2 Easy Methods)","author":"Abdullah Nouman","date":"January 5, 2024","format":false,"excerpt":"In this tutorial, I will guide you through the process of adding a \"Back to Previous Page\" or \" Go Back\" button using Elementor and Gutenberg\/ Block Editor. Hey to make thing easier I just created a WordPress plugin, by using it you can easily add a Go back button\u2026","rel":"","context":"In &quot;WordPress Tips &amp; Tutorials&quot;","block_context":{"text":"WordPress Tips &amp; Tutorials","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/wordpress-tips-tutorials\/"},"img":{"alt_text":"How to Add a \u201cBack to Previous Page\u201d Button in WordPress (2 Easy Methods)","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/01\/Write-the-title-of-your-video-here-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":5980,"url":"https:\/\/www.wpconsults.com\/en_gb\/googlebot-only-reads-the-first-2mb-of-your-page-heres-what-that-means-for-your-seo\/","url_meta":{"origin":2433,"position":4},"title":"Googlebot Only Reads the First 2MB of Your Page &#8211; Here&#8217;s What That Means for Your SEO","author":"Abdullah Nouman","date":"March 31, 2026","format":false,"excerpt":"If your most important SEO elements are buried too deep in your HTML, Google might never even see them. Here's exactly what's going on and how to fix it - explained so simply that even your little cousin could follow along. On March 31, 2026, Google's own Search Central team\u2026","rel":"","context":"In &quot;Google Algorithm Decoded&quot;","block_context":{"text":"Google Algorithm Decoded","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/best-seo-practices\/google-algorithm-decoded\/"},"img":{"alt_text":"What Google sees of a page vs. what it ignores","src":"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif","width":350,"height":200,"srcset":"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 1x, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 1.5x, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2026\/03\/image-8.avif 2x"},"classes":[]},{"id":2172,"url":"https:\/\/www.wpconsults.com\/en_gb\/create-xml-sitemap-manually\/","url_meta":{"origin":2433,"position":5},"title":"How to Create Sitemap Manually for WordPress: Ultimate Guide","author":"Abdullah Nouman","date":"November 28, 2023","format":false,"excerpt":"Key Takeaways: Generating XML sitemaps is crucial for search engine optimization (SEO) as it helps search engines understand the structure of your site. For WordPress users, creating an XML sitemap without relying on plugins is feasible and beneficial if you want to reduce plugin usage. Automate the process to include\u2026","rel":"","context":"In &quot;SEO&quot;","block_context":{"text":"SEO","link":"https:\/\/www.wpconsults.com\/en_gb\/category\/best-seo-practices\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/WpConsults-Default-post-thumbnail-jpg.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/posts\/2433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/comments?post=2433"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/posts\/2433\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/media\/2439"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/media?parent=2433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/categories?post=2433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/en_gb\/wp-json\/wp\/v2\/tags?post=2433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}