Teljes méretű bejelentkezési háttérkép hozzáadása

Az egyszerűség megőrzése érdekében a RevTec CRM hivatalosan nem támogatja a bejelentkezési háttérképet az adminisztrációs területen és az ügyfelek területén, de létrehoztunk egy egyszerű CSS-kódrészletet, amely tökéletesen igazított és teljes szélességű háttérképet ad az adminisztrációs területen, beleértve a kép áthalványítását is. CSS.

A rendszergazdai terület egyéni bejelentkezési háttérképe #

1. Ha egyéni színt adott meg az adminisztrátori bejelentkezés hátteréhez a Beállítás->Téma stílus->Általános menüpontban, távolítsa el, és állítsa be üresre, hogy a soron belüli stílusok ne írják felül a kép háttérstílusát.
2. Hozzon létre custom.css fájlt az eszközök/CSS-ben
3. Válasszon ki egy képet, amelyet háttérként szeretne hozzáadni. (legalább 1280 x 720 képpont)
4. Töltse fel az image eq fájlt a média mappába (vagy oda, ahol a legjobban tetszik). A mi esetünkben a médiában lesz, és az URL a következő lesz: http://yourdomain.com/crm/media/login_admin.png
5. Nyissa meg a custom.css fájlt, és adja hozzá a következő kódot:

/* Távolítsa el ezt, ha nem szeretne hátteret fedni a képre, vagy módosítsa az igényei szerint */
body.login_admin:before {
 tartalom: " ";
 háttér: rgba(31, 31, 31, 0,7);
 min-magasság: 100%;
 min-szélesség: 100%;
 pozíció: abszolút;
}
body.login_admin {
 háttér: url('https://yourdomain.com/crm/media/login_customers.png') ismétlés nélküli központ javítva; /* A teljes kép URL-je*/
 -webkit-background-size: borító;
 -moz-background-size: borító;
 -o-background-size: borító;
 háttér-méret: borító;
}

Íme a végeredményünk: #

< a class="anchorlink dashicons-fore" href="#"> #

Ügyfélterület egyéni bejelentkezési háttérképe #

Kövesse az adminisztrációs terület egyéni bejelentkezési háttérképének lépéseit1-től 4-ig.

Ne feledje, hogy a 4. lépésben át kell neveznie képre az eq. login_customers.png

5. Nyissa meg a custom.css fájlt, és adja hozzá a következő kódot:

body.customers_login {
 háttér: url('https://yourdomain.com/crm/media/login_customers.png') ismétlés nélküli központ javítva; /* A teljes kép URL-je*/
 -webkit-background-size: borító;
 -moz-background-size: borító;
 -o-background-size: borító;
 háttér-méret: borító;
}

Ne felejtse el lecserélni az URL-t a kép URL-jére