WordPress.org

Forums

Erident Custom Login and Dashboard
[resolved] Background Float (14 posts)

  1. nrwilliams
    Member
    Posted 2 years ago #

    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://wordpress.org/extend/plugins/erident-custom-login-and-dashboard/

  2. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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

    What you are really trying to achieve? Explain briefly with your login page link also.

  3. nrwilliams
    Member
    Posted 2 years ago #

    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.

  4. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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".

  5. nrwilliams
    Member
    Posted 2 years ago #

    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-login.php

  6. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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

    Please upload it to the server and change the path.

  7. nrwilliams
    Member
    Posted 2 years ago #

    Okay scratch the last stuff think I got it. Is there way to change the height of the login box?

  8. nrwilliams
    Member
    Posted 2 years ago #

    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?

  9. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    First I think you need to clear the "Login Form Background Color" and "Login Form Background Image".

    Now both images are puzzled!

  10. nrwilliams
    Member
    Posted 2 years ago #

    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

  11. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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

  12. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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

    This will do the magic !!!

  13. nrwilliams
    Member
    Posted 2 years ago #

    AWESOME!! thanks so much. WOrks perfect sorry for all the run around.

  14. Libin
    Member
    Plugin Author

    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Erident Custom Login and Dashboard
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.