{"id":3690,"date":"2016-07-17T14:53:00","date_gmt":"2016-07-17T14:53:00","guid":{"rendered":"https:\/\/purelysupp.com\/wordpress\/?p=3690"},"modified":"2022-10-17T15:03:08","modified_gmt":"2022-10-17T15:03:08","slug":"customize-wordpress-login-page-logo-with-css","status":"publish","type":"post","link":"https:\/\/purelysupp.com\/wordpress\/code-snippets\/customize-wordpress-login-page-logo-with-css\/","title":{"rendered":"Customize WordPress Login Page Logo with CSS"},"content":{"rendered":"\n<p><strong>The IDs and Classes needed to customize the WordPress Login Page Logo<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body.login {}\nbody.login div#login {}\nbody.login div#login h1 {}\nbody.login div#login h1 a {}\nbody.login div#login form#loginform {}\nbody.login div#login form#loginform p {}\nbody.login div#login form#loginform p label {}\nbody.login div#login form#loginform input {}\nbody.login div#login form#loginform input#user_login {}\nbody.login div#login form#loginform input#user_pass {}\nbody.login div#login form#loginform p.forgetmenot {}\nbody.login div#login form#loginform p.forgetmenot input#rememberme {}\nbody.login div#login form#loginform p.submit {}\nbody.login div#login form#loginform p.submit input#wp-submit {}\nbody.login div#login p#nav {}\nbody.login div#login p#nav a {}\nbody.login div#login p#backtoblog {}\nbody.login div#login p#backtoblog a {}<\/code><\/pre>\n\n\n\n<!--nextpage-->\n\n\n\n<p><strong>The WordPress Login Page Logo with CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.login h1 a {\r\n\tbackground-image: url('..\/images\/w-logo-blue.png?ver=20131202');\r\n\tbackground-image: none, url('..\/images\/wordpress-logo.svg?ver=20131107');\r\n\tbackground-size: 80px 80px;\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\tcolor: #999;\r\n\theight: 80px;\r\n\tfont-size: 20px;\r\n\tfont-weight: normal;\r\n\tline-height: 1.3em;\r\n\tmargin: 0 auto 25px;\r\n\tpadding: 0;\r\n\ttext-decoration: none;\r\n\twidth: 80px;\r\n\ttext-indent: -9999px;\r\n\toutline: none;\r\n\toverflow: hidden;\r\n\tdisplay: block;\r\n}<\/code><\/pre>\n\n\n\n<!--nextpage-->\n\n\n\n<p>Modify the background image to change the WordPress Login Page logo with CSS<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body.login div#login h1 a {\n    background-image: url(\"images\/site-logo.png\");\n}<\/code><\/pre>\n\n\n\n<!--nextpage-->\n\n\n\n<p><strong>Change the color of the hyperlink in your custom CSS<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body.login div#login p#nav a,\nbody.login div#login p#backtoblog a {\n    color: #000 !important; \/* Your link color. *\/\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The IDs and Classes needed to customize the WordPress Login Page Logo<\/p>\n","protected":false},"author":1,"featured_media":3806,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","iawp_total_views":3,"wds_primary_category":56,"footnotes":""},"categories":[56,88],"tags":[110,133,83,84],"class_list":{"0":"post-3690","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-code-snippets","8":"category-wordpress-core","9":"tag-code","10":"tag-css","11":"tag-layout","12":"tag-wp-core","13":"entry"},"featured_image_src":"https:\/\/purelysupp.com\/wordpress\/wp-content\/uploads\/sites\/2\/2022\/09\/matrix-source-code-600x400.jpg","featured_image_src_square":"https:\/\/purelysupp.com\/wordpress\/wp-content\/uploads\/sites\/2\/2022\/09\/matrix-source-code-600x600.jpg","author_info":{"display_name":"Jack Alltrade","author_link":"https:\/\/purelysupp.com\/wordpress\/author\/jacka11trade\/"},"_links":{"self":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/comments?post=3690"}],"version-history":[{"count":3,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3690\/revisions"}],"predecessor-version":[{"id":10742,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/posts\/3690\/revisions\/10742"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/media\/3806"}],"wp:attachment":[{"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/media?parent=3690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/categories?post=3690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/purelysupp.com\/wordpress\/wp-json\/wp\/v2\/tags?post=3690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}