Adminlte: Got 2 issues

Created on 24 Oct 2015  路  7Comments  路  Source: ColorlibHQ/AdminLTE

  1. I want to add a background image but when i try it still is gray. I just want the background for login and register to have the image background no other pages.....
  2. How do i remove the error "@ is required". I want people to login with username not email

Most helpful comment

If you look at source code of https://almsaeedstudio.com/themes/AdminLTE/pages/examples/login.html you see background is defined on element with class .login-page, .register-page ... your declarations are probably overwritten. Either use !important: background: url("back.png") no-repeat center center fixed !important; ... Or try to use more specific selector:

.login-page, .register-page {
background: url("back.png") no-repeat center center fixed;
background-size: cover;
}

... that could do it.

All 7 comments

I am not sure about the first one, but second can be solved by changing type of input from "email" to "text". It is just feature implemented in modern *_browsers_ and not AdminLTE itself.

How you tried to add image background? You should try to find CSS declaration with background color, for example with developer tools of some browser, and then change properties ralated to background.

Yeah
body {
background: url("back.png") no-repeat center center fixed;
background-size: cover;
}

If you look at source code of https://almsaeedstudio.com/themes/AdminLTE/pages/examples/login.html you see background is defined on element with class .login-page, .register-page ... your declarations are probably overwritten. Either use !important: background: url("back.png") no-repeat center center fixed !important; ... Or try to use more specific selector:

.login-page, .register-page {
background: url("back.png") no-repeat center center fixed;
background-size: cover;
}

... that could do it.

Thanks!

No problem, glad I could help, please close issue if it was resolved.

How?

To close the issue, come back to this page. U will see a button close under the form or a button comment and close. Click on the button close or if u want to add a comment click on comment and close

Was this page helpful?
0 / 5 - 0 ratings

Related issues

GuxMartin picture GuxMartin  路  3Comments

kgoedert picture kgoedert  路  4Comments

RaruRv picture RaruRv  路  3Comments

andyhughes73 picture andyhughes73  路  3Comments

LeoYong95 picture LeoYong95  路  4Comments