Custom Login
html {background-position: center top } not working (3 posts)

  1. karlazz
    Posted 3 years ago #


    This is a wonderful plugin and Austin is a UI master.

    I want to use an image in the page background and position it. You give me the ability to control the repeat and I set it to no-repeat, but when I added CSS to move the image out of the upper left corner, my CSS was overridden by an important in the base style. How can I get past this?




  2. Austin Passy
    Plugin Author

    Posted 3 years ago #

    Did you try

    html {background-position: center top!important; }
  3. WayneM1
    Posted 3 years ago #

    I'm also having this issue.

    Before coming to this forum I tried your suggestion above and a dozen other various css tricks in the custom css entry field.

    Nothing seems to work, and I'm baffled by it.

    I also tried

    html {background-position: center top !important !important; }

    in an attempt to override the hardcoded bit below in found in the .login css

    /* html background */
    html {
    	background:  url( 'http://...mybackgroundimage.png' ) left top  !important;

    I think that "left top" value is the problem...

    Any suggestions?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Custom Login
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic