Hallo,

ich habe in einem Beitrag einen Inhalt von Easybooking.at eingefügt, bei dem Zimmer dargestellt werden und diverse Auswahlbuttons zur Verfügung stehen.
Nun werden aber die Icons für icon-list und icon-calendar nicht angezeigt.

Der Support von Easybooking schreib mir:

Bitte folgende Bedingungen in die zuletzt geladene css Datei (stylesheet)
//Anfang
.icon-list:before !important, .icon-list-view:before !important {
content: "\31";
}
.icon-calendar:before !important {
content: "\43";
}
//ENDE

Ich habe diese Zeilen in der custom.css eingefügt, es sind aber keine Änderungen sichtbar.
Bei der Untersuchung der Site mit Firebug, zeigt es mit immer einen Eintrag an, der in einer font.awesome.css Datei enthalten ist, und als Wert den Eintrag:
.fa-calendar::before {
content: "\f073";
}
besitzt. Wenn ich diesen auf den Wert von "\43" ändere wird das Icon korrekt angezeigt.
Könnten Sie mir bitte sagen, ob ich diese Eigenschaft dauerhaft mittels der Custom.css einstellen kann?

Vielen Dank!
Daniel

Link zur Seite:
www.hotel-dachsbaude.de/zimmerliste

Hallo, bitte fügen sie folgenden CSS code in ihre css/custom.css ein:

[class^="icon-"]::before, [class*=" icon-"]::before {
font-family: "FontAwesome" !important;
}

PS: Bitte schalten sie während der Entwicklung der Seite die Komprimierung ab. Andernfalls müssen sie vor jedem Testen den Browser und Joomla Zwischenspeicher löschen.