{"id":289,"date":"2013-03-05T08:00:21","date_gmt":"2013-03-05T08:00:21","guid":{"rendered":"http:\/\/pixert.com\/blog\/?p=289"},"modified":"2013-11-01T10:45:18","modified_gmt":"2013-11-01T10:45:18","slug":"full-screen-background-on-wp-login-page","status":"publish","type":"post","link":"https:\/\/pixert.com\/blog\/full-screen-background-on-wp-login-page\/","title":{"rendered":"Full Screen Background on WP Login Page"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"25\" data-permalink=\"https:\/\/pixert.com\/blog\/how-to-upgrade-wordpress\/wordpresslogo\/\" data-orig-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo.png?fit=498%2C113&amp;ssl=1\" data-orig-size=\"498,113\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"WordPress &#8211; the logo\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo.png?fit=300%2C68&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo.png?fit=498%2C113&amp;ssl=1\" class=\"aligncenter size-medium wp-image-25\" alt=\"WordPress - the logo\" src=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=300%2C68\" width=\"300\" height=\"68\" srcset=\"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo.png?resize=300%2C68&amp;ssl=1 300w, https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo.png?w=498&amp;ssl=1 498w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>The following function add full screen background on WP Login page<\/p>\n<p>1. Open functions.php in your theme directory<\/p>\n<p>2. Add this function to functions.php<\/p>\n<pre class=\"brush: plain; title: Code Block; notranslate\" title=\"Code Block\">\r\n\r\n\/\/ LOGIN - full background\r\nfunction my_login_style() {\r\n?&gt;\r\n&lt;style type=&quot;text\/css&quot;&gt;\r\n body.login {\r\n background:url('http:\/\/yourwebsiteaddress.com\/wp-content\/uploads\/wploginbg.jpg') no-repeat center center fixed;\r\n -webkit-background-size: cover;\r\n -moz-background-size: cover;\r\n -o-background-size: cover;\r\n background-size: cover;\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n z-index:10;\r\n overflow: hidden;\r\n width: 100%;\r\n height:100%;\r\n }\r\n\r\n&lt;\/style&gt;\r\n&lt;?php\r\n}\r\nadd_action('login_head', 'my_login_style');\r\n?&gt;\r\n<\/pre>\n<p>3. Save<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The following function add full screen background on WP Login page 1. Open functions.php in your theme directory 2. Add this function to functions.php \/\/ LOGIN &#8211; full background function my_login_style() { ?&gt; &lt;style type=&quot;text\/css&quot;&gt; body.login { background:url(&#8216;http:\/\/yourwebsiteaddress.com\/wp-content\/uploads\/wploginbg.jpg&#8217;) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; top:0; left:0; z-index:10; overflow: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_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":""},"categories":[54,5],"tags":[124,55,6],"class_list":["post-289","post","type-post","status-publish","format-standard","hentry","category-code-snippet","category-wordpress","tag-background","tag-code-snippet-2","tag-wordpress-2"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1pvi1-4F","jetpack-related-posts":[{"id":230,"url":"https:\/\/pixert.com\/blog\/disable-all-shortcodes-from-post-content\/","url_meta":{"origin":289,"position":0},"title":"WordPress: Disable All Shortcodes from the_content","author":"Pixel Insert \/ Pixert","date":"May 31, 2012","format":false,"excerpt":"The following code snippet will remove ALL shortcodes from the_content Add the following code snippet to the functions.php of your theme [php] function remove_shortcode_from_index($content) { $content = strip_shortcodes($content); return $content; } add_filter('the_content', 'remove_shortcode_from_index'); [\/php] You can disable shortcodes from particular page, e.g Home Page [php] function remove_shortcode_from_index($content) { if (\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":127,"url":"https:\/\/pixert.com\/blog\/wordpress-sorry-this-file-type-is-not-permitted-for-security-reasons\/","url_meta":{"origin":289,"position":1},"title":"WordPress: Sorry, this file type is not permitted for security reasons.","author":"Pixel Insert \/ Pixert","date":"July 22, 2011","format":false,"excerpt":"Add the following code snippet to functions.php. Change 'filetype' to the file type that is not permitted for security reasons [php] add_filter('upload_mimes', 'custom_upload_mimes'); function custom_upload_mimes ( $existing_mimes=array() ) { \/\/ add the file extension to the array $existing_mimes['filetype'] = 'mime\/type'; \/\/ call the modified list of extensions return $existing_mimes; }\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":224,"url":"https:\/\/pixert.com\/blog\/remove-podpress-code-from-the-excerpt\/","url_meta":{"origin":289,"position":2},"title":"WordPress : Remove Podpress code from the_excerpt","author":"Pixel Insert \/ Pixert","date":"April 24, 2012","format":false,"excerpt":"Add the following to functions.php [php] add_action('pre_get_posts', 'remove_podpress_from_automatic_excerpts'); function remove_podpress_from_automatic_excerpts() { \/* This function removes podPress elements from post content on the homepage of the blog. It helps especially if the home page shows only excerpts of the posts.*\/ if ( is_home() ) { global $podPress; if ( TRUE=== isset($podPress)\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":102,"url":"https:\/\/pixert.com\/blog\/hide-the-wordpress-version-you-are-running\/","url_meta":{"origin":289,"position":3},"title":"Hide the WordPress version you are running","author":"Pixel Insert \/ Pixert","date":"May 17, 2011","format":false,"excerpt":"If you are running an old WordPress version with known vulnerabilities, it is unwise to display this information to the public. Why not simply hide the WordPress version entirely? Add the following to functions.php [php] <?php function pixert_remove_version() { return ''; } add_filter('the_generator', 'pixert_remove_version'); ?> [\/php] or [php] <?php remove_action('wp_head',\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":277,"url":"https:\/\/pixert.com\/blog\/change-default-wordpress-logo-link-wordpressorg-to-your-domain-name\/","url_meta":{"origin":289,"position":4},"title":"Change Default WordPress Logo Link from wordpress.org to Your Domain Name","author":"Pixel Insert \/ Pixert","date":"January 1, 2013","format":false,"excerpt":"When you open WordPress login page, the default logo links to\u00a0WordPress.org. This is a quick tip for using your own link. Open the\u00a0functions.php\u00a0file. Then, add the following lines of code. And be sure to remember the PHP tag enclosure. [php]function wp_url_loginlogo(){ return \"http:\/\/yourdomain.com\/\"; \/\/ your URL here } add_filter('login_headerurl', 'wpc_url_loginlogo');[\/php]","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"WordPress - the logo","src":"https:\/\/i0.wp.com\/pixert.com\/blog\/wp-content\/uploads\/2011\/03\/wordpresslogo-300x68.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":290,"url":"https:\/\/pixert.com\/blog\/override-css-property-right-to-left\/","url_meta":{"origin":289,"position":5},"title":"Override CSS property right to left","author":"Pixel Insert \/ Pixert","date":"March 4, 2013","format":false,"excerpt":"\u00a0 This case is an example on how to override CSS property right to left We have this AdSense banner floating on the right side of the screen. What if you want to change it to the left Recently, I installed Floating AdSense plugin for WordPress. It's very helpful to\u2026","rel":"","context":"In &quot;Code Snippet&quot;","block_context":{"text":"Code Snippet","link":"https:\/\/pixert.com\/blog\/category\/code-snippet\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":0,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"wp:attachment":[{"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixert.com\/blog\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}