![\"Old](\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/qot-login-old.png\")
<\/p>\n
Now see how our WP login page looks like. Does it not look better!<\/p>\n
![\"Custom](\"https:\/\/www.quickonlinetips.com\/archives\/wp-content\/uploads\/qot-login-new.png\")
<\/p>\n
You notice that we have simply replaced the WordPress logo with our site logo and changed the background color from default light gray to black – and it makes a huge difference to branding. It immediately wows the visitor and makes them curious about the website.<\/p>\n
Custom WordPress Login Page<\/h2>\n
Here is how we do this. We need to paste the following code into the theme functions.php<\/em><\/strong> file. (Note that it is a very powerful file and incorrect code can lead to your site going offline. Always keep a backup of the file, and you can always restore the file back to your WP theme folder vai FTP if anything goes wrong.)<\/p>\n What the code simply does is it adds a new inline CSS Stylesheet on the WP login page.<\/p>\n Do this today<\/strong> – \u00a0It is excellent for blog branding. Why have default WP logo, when you should have your own logo there. Why look like every other site. If you run a multi site blog network, or require multiple users to login everyday … why not create this branded login screen and surprise them today. If you want to change logo only, you can access the WP installation and edit the WP logo image via FTP<\/a> as well.<\/p>\n","protected":false},"excerpt":{"rendered":" Did you know you customize the WordPress login screen logo and change background easily with custom CSS. Just as you…<\/p>\n","protected":false},"author":4,"featured_media":42296,"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":"","footnotes":""},"categories":[6],"tags":[49,17],"class_list":["post-42294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogging","tag-tutorials","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/42294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/comments?post=42294"}],"version-history":[{"count":0,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/posts\/42294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media\/42296"}],"wp:attachment":[{"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/media?parent=42294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/categories?post=42294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.quickonlinetips.com\/archives\/wp-json\/wp\/v2\/tags?post=42294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}function qot_login() {\r\necho '<style type=\"text\/css\">\r\n.login h1 a {\r\nbackground-image:url( \"http:\/\/path\/to\/yourlogo.png\" ) !important;\r\nheight: 30px !important; width: 200px !important;\r\nbackground-size: 200px auto !important;\r\n}\r\nbody { \u00a0background: #000;\u00a0}\r\n.login form {\u00a0background: #333;\u00a0}\r\n<\/style>';\r\n}\r\nadd_action('login_head', 'qot_login');<\/code><\/pre>\n\n
!important<\/code> CSS code wherever you feel your custom CSS is not overriding the default code. Feel free to experiment with whatever colors look great on your site and match your branding.<\/li>\n<\/ol>\n