Selektoren – Vorlage über CSS anpassen

Für den fortgeschrittenen Kunden: Sie können Vorlagen anpassen, indem Sie Selektoren verwenden. Nachfolgend finden Sie eine Liste aller Selektoren, die Sie verwenden können:

Haupt-Container-Selektoren

.kt-portlet /* Haupt-Wrapper */

.kt-portlet__body /* Body-Wrapper */

.kt-portlet__body--fit /* Body-Modifikator */
.kt-invoice-2 /* Rechnungscontainer */

.kt-invoice__body /* Rechnungs-Body */

.kt-invoice__container /* Inhaltscontainer */

Raum-/Möbellisten-Selektoren

.kt-invoice__rooms /* Räume-Container */

.kt-invoice__room /* Einzelner Raumblock */

.kt-invoice__room h4 /* Raumname/-titel */

.kt-invoice__room h6 /* Kubikmeter-Info */

.kt-invoice__room ul /* Möbel-/Inventarlisten */

.kt-invoice__room ul.list-unstyled /* Listen ohne Formatierung */

Service-Icon-Selektoren

.kt-pull-right /* Container für rechtsbündige Icons */

.fak.fa-assemble /* Montage-Icon */

.fak.fa-disassemble /* Demontage-Icon */

.fal.fa-warehouse /* Lager-Icon */

.kt-font-success /* Grüner/aktiver Zustand */

.kt-font-grey /* Grauer/inaktiver Zustand */

Footer-/Legenden-Selektoren

.kt-invoice__footer /* Footer-Bereich */

.kt-invoicefooter .kt-invoicecontainer /* Footer-Container */

Beispiele für gezieltes Targeting

/* Möbelgegenstände im Raum ansteuern */

.kt-invoice__room ul:last-child li

/* Inventargegenstände ansteuern */

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

/* Service-Icons in Möbelgegenständen ansteuern */

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

/* Aktive Services ansteuern */

.kt-invoice__room .kt-font-success

/* Raumüberschriften ansteuern */

.kt-invoice__room > h4

Hat dies Ihre Frage beantwortet?