Sélecteurs - modifier le modèle via CSS

Pour le client avancé : vous pouvez modifier les modèles en utilisant des sélecteurs. Vous trouverez ci-dessous une liste de tous les sélecteurs que vous pouvez utiliser :

Sélecteurs du conteneur principal

.kt-portlet /* Conteneur principal */

.kt-portlet__body /* Conteneur du corps */

.kt-portlet__body--fit /* Modificateur du corps */
.kt-invoice-2 /* Conteneur de la facture */

.kt-invoice__body /* Corps de la facture */

.kt-invoice__container /* Conteneur du contenu */

Sélecteurs de la liste des pièces/meubles

.kt-invoice__rooms /* Conteneur des pièces */

.kt-invoice__room /* Bloc d'une pièce individuelle */

.kt-invoice__room h4 /* Nom/titre de la pièce */

.kt-invoice__room h6 /* Info mètre cube */

.kt-invoice__room ul /* Listes de meubles/inventaire */

.kt-invoice__room ul.list-unstyled /* Listes sans style */

Sélecteurs des icônes de service

.kt-pull-right /* Conteneur d'icônes aligné à droite */

.fak.fa-assemble /* Icône de montage */

.fak.fa-disassemble /* Icône de démontage */

.fal.fa-warehouse /* Icône de garde-meuble */

.kt-font-success /* État vert/actif */

.kt-font-grey /* État gris/inactif */

Sélecteurs du pied de page/de la légende

.kt-invoice__footer /* Section du pied de page */

.kt-invoicefooter .kt-invoicecontainer /* Conteneur du pied de page */

Exemples de ciblage spécifiques

/* Cibler les éléments de mobilier de la pièce */

.kt-invoice__room ul:last-child li

/* Cibler les éléments d'inventaire */

.kt-invoice__room ul:first-of-type li

/* Cibler les icônes de service dans les éléments de mobilier */

.kt-invoice__room li .kt-pull-right i

/* Cibler les services actifs */

.kt-invoice__room .kt-font-success

/* Cibler les titres de pièce */

.kt-invoice__room > h4

Cela a-t-il répondu à votre question ?