Title: Background Float Last modified: August 20, 2016 --- # Background Float * Resolved [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/) * How do I get the background to float right behind the login box even when scaling the window? Example is [http://www.khcs.org/wp-login.php](http://www.khcs.org/wp-login.php) * [http://wordpress.org/extend/plugins/erident-custom-login-and-dashboard/](http://wordpress.org/extend/plugins/erident-custom-login-and-dashboard/) Viewing 13 replies - 1 through 13 (of 13 total) * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339615) * Hey, * In the given link, they simply use one big image as the background: [http://www.khcs.org/wp-content/uploads/2013/01/KHCS-Login_bkg4.jpg](http://www.khcs.org/wp-content/uploads/2013/01/KHCS-Login_bkg4.jpg) * What you are really trying to achieve? Explain briefly with your login page link also. * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339637) * Basically I want that 3d graphic to sit right behind the login box so the logo is on top and as you scale the page or anything it will stay right behind it. not so worried about the big background color I am mainly trying to achieve that effect. * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339638) * Okay. Then go to the Erident Custom Login and Dashboard Settings page. * On the Login Screen Background section, and put your image link in “Login Screen Background Image” * Now for the “Login Screen Background Repeat” option select “No Repeat” and for“ Background Position” select “Horizontal Position” – “center” and “Vertical Position” to “center”. * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339639) * That did not quite do what I want. It stays in the center but not behind the login box as you scale the browser window. Basically I want that 3d image to always stay in that position with the login box. If you go to the image below you will see how I want it to look and then if you go to the website listed last and scale the browser you will see what I mean. Thanks for the help * [http://www.khcs.org/wp-content/uploads/2013/01/Screen-shot-2013-01-08-at-8.45.33-AM.png](http://www.khcs.org/wp-content/uploads/2013/01/Screen-shot-2013-01-08-at-8.45.33-AM.png) * [http://www.khcs.org/wp-login.php](http://www.khcs.org/wp-login.php) * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339645) * I’m not able to see your background. It is referencing to your “localhost” * [http://localhost:8888/wp-content/uploads/2012/09/Logo_login1.png](http://localhost:8888/wp-content/uploads/2012/09/Logo_login1.png) * Please upload it to the server and change the path. * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339648) * Okay scratch the last stuff think I got it. Is there way to change the height of the login box? * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339650) * and is there a way to absolute position a background image so it won’t move so say a portion stayed behind the login box at all times? * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339651) * First I think you need to clear the “Login Form Background Color” and “Login Form Background Image”. * Now both images are puzzled! * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339652) * Okay I have done that. Now the background image is there but I need it to stay in a certain spot behind the login box even when you scale the browser window. The desired effect is the image below. * [http://www.khcs.org/wp-content/uploads/2013/01/Screen-shot-2013-01-08-at-11.55.32-AM.png](http://www.khcs.org/wp-content/uploads/2013/01/Screen-shot-2013-01-08-at-11.55.32-AM.png) * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339656) * Change the background “vertical position” to top. * Now we are almost there. You can do two things to bring the background position down. Either add some white space on the top of image itself. * Or you need to edit the core css. You have to add “background-position-y: 50px;” to “body.login” on “wp-login.php” file * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339658) * Change the background “vertical position” to “top” and add this image instead of your background image: [https://s3.amazonaws.com/uploads.hipchat.com/26718/162670/mb9ms3hnnn3ernn/KHCS-Login2.png](https://s3.amazonaws.com/uploads.hipchat.com/26718/162670/mb9ms3hnnn3ernn/KHCS-Login2.png) * This will do the magic !!! * Thread Starter [nrwilliams](https://wordpress.org/support/users/nrwilliams/) * (@nrwilliams) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339663) * AWESOME!! thanks so much. WOrks perfect sorry for all the run around. * Plugin Contributor [Libin](https://wordpress.org/support/users/libinvbabu/) * (@libinvbabu) * [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339676) * Killer !!!! Your Login page looks awesome now!!! * Don’t forget to give a 5 star to my plugin. [http://wordpress.org/support/view/plugin-reviews/erident-custom-login-and-dashboard](http://wordpress.org/support/view/plugin-reviews/erident-custom-login-and-dashboard) Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Background Float’ is closed to new replies. * ![](https://ps.w.org/erident-custom-login-and-dashboard/assets/icon-256x256.png? rev=1015861) * [Erident Custom Login and Dashboard](https://wordpress.org/plugins/erident-custom-login-and-dashboard/) * [Frequently Asked Questions](https://wordpress.org/plugins/erident-custom-login-and-dashboard/#faq) * [Support Threads](https://wordpress.org/support/plugin/erident-custom-login-and-dashboard/) * [Active Topics](https://wordpress.org/support/plugin/erident-custom-login-and-dashboard/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/erident-custom-login-and-dashboard/unresolved/) * [Reviews](https://wordpress.org/support/plugin/erident-custom-login-and-dashboard/reviews/) * 13 replies * 2 participants * Last reply from: [Libin](https://wordpress.org/support/users/libinvbabu/) * Last activity: [13 years, 4 months ago](https://wordpress.org/support/topic/background-float/#post-3339676) * Status: resolved