Breadcrumbs - Trennzeichen ändern

  • Wie ändere ich in Joomla das Trennzeichen der Breadcrumbs?

xxx CSS <code>

Phoca Premiere Template

  1. Datei "user.css" öffnen
    (Die Datei "user.css" befindet sich im Verzeichnis "/media/templates/site/phoca_premiere/css".)
  2. Folgenden CSS-Code einfügen (das Zeichen zwischen den Anführungszeichen ist das neue Trennzeichen, z.B. ">")
    :root {
	--phoca-breadcrumb-divider: ">";
}
  3. Datei "user.css" speichern und schliessen
  • Joomla 5.3.0 Premiere 5.0
Inhalt-in-Arbeit

JoomlaPlates-Template

Die beiden Anweisungsblöcke können in einem Selektor zusammengefasst werden. Siehe Beispiel.
  • Trennzeichen ersetzen - z.B.: "/" durch ">" ersetzen default"/"
    • .breadcrumb-item + .breadcrumb-item::before {
      content: var(--bs-breadcrumb-divider, ">") !important; }
  • Farbe des Trennzeichens ändern
    • .breadcrumb-item + .breadcrumb-item::before {
      color: var(--bs-primary) !important; }
  • Beispiel
    • .breadcrumb-item + .breadcrumb-item::before {
      content: var(--bs-breadcrumb-divider, ">") !important;
      color: var(--bs-primary) !important; }
  • Joomla 5.0.1 Fago 1.3.15 Astroid 3.0.6
Inhalt-in-Arbeit
Details

Suchindex