Agregar imagen de fondo de inicio de sesión de tamaño completo
/ Personalización / Agregar imagen de fondo de inicio de sesión de tamaño completo
  11 de febrero de 2017 Personalización
Perfex CRM no admite oficialmente la imagen de fondo de inicio de sesión para el área de administración y el área de clientes para mantener la simplicidad, pero creamos un fragmento de CSS simple que agregará una imagen de fondo perfectamente alineada y de ancho completo en el área de administración, incluido el fundido sobre la imagen con CSS puro.

Imagen de fondo de inicio de sesión personalizado del área de administración
Si agregó un color personalizado para el fondo de inicio de sesión de administrador en Configuración-> Estilo de tema-> General, elimínelo y déjelo en blanco para evitar que los estilos en línea sobrescriban el estilo de fondo de la imagen.
Crear archivo custom.css en assets / CSS
Elija una imagen que desee agregar como fondo. (al menos 1280 x 720px)
Sube imagen eq, en la carpeta multimedia (o donde más te guste). En nuestro caso estará en medios y la url será así: http://yourdomain.com/crm/media/login_admin.png
Abra el archivo custom.css y agregue el siguiente código:
/* Remove this if you dont want background overlay over the image or adjust per your needs */
body.login_admin:before {
    content: " ";
    background: rgba(131, 131, 131, 0.8);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}
body.login_admin {
  background: url('https://app.rugator.com/media/fondo_1.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.customers_login:before {
    content: " ";
    background-color: rgba(31, 31, 31, 0.7);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}

body.customers_login {
  background: url('https://app.rugator.com/media/Imagen_textura_202012121245.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}