Ich möchte gerne den Breadcrumb Divider von / in | für das Template Interior ändern.

Ich habe folgendes in die custom.css eingetragen
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "|") /* rtl: var(--bs-breadcrumb-divider, "|") */;
}

Alle Caches habe ich danach gelöscht. Browser ebenfalls und neugestartet.

Trotzdem hat dieser Eintrag aus der /media/templates/site/tp_interior/css/compiled-****.css immer Vorrang:

.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

Verwenden Sie bitte alternativ die css Eintragungen in den Template Optionen (benutzerdefinierter css code) und nicht in der custom.css.

BTW: Bitte IMMER die genaue Template und Astroid Version angeben!

Nachtrag:
Natürlich auch die URL und Beschreibung was Sie genau anpassen wollen.
Eventuell haben Sie Fehler im CSS Code.

Ich baue die Webseite gerade lokal auf. (XAMPP Server)
Joomla Version 4.3.3
Template Interior Version 1.3.14

Ich möchte im Breadcrumb (wie im Bild) den / durch | ersetzen.

Diesen Eintrag habe ich auch schon in den Template Optionen (benutzerdefinierter css code) eingetragen.
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: var(--bs-breadcrumb-item-padding-x);
color: var(--bs-breadcrumb-divider-color);
content: var(--bs-breadcrumb-divider, "|") /* rtl: var(--bs-breadcrumb-divider, "|") */;
}

Es wird trotzdem der Wert aus der /media/templates/site/tp_interior/css/compiled-****.css übernommen.

Befindet sich die custom.css auch im richtigen Verzeichnis?
joomlaverzeichnis/templates/tp_interior/css/custom.css

Bitte stellen Sie die Webseite in einer SubDomain online, damit man sich das mal ansehen kann.

Befindet sich die custom.css auch im richtigen Verzeichnis?
joomlaverzeichnis /templates/tp_interior/css/custom.css

Das war mein Fehler, die custom.css habe ich im Verzeichnis /styles/custom.css abgelegt und im Template Editor den entsprechden Pfad angegeben. Ich hae über 50 Änderungen eingetragen, die auch alle funktioniert haben, nur die Änderung der Breadcrumb nicht.

Ich habe die custom.css nun im Pfad /templates/tp_interior/css/custom.css abgelegt und den Pfad im Editor angepasst und nun funktioniert auch meine Änderung betüglich der Breadcrumb.

Vielen Dank