Styling

Icon für die Darstellung der Sterne

Um das Aussehen der Sterne zu ändern (z.B. nicht rot beim aktiven Hover-Status), fügen Sie folgende Zeile in Ihre eigenen CSS-Dateien ein:

div.star-rating a {
	background-image: url('/files/icons/stars.png');
}

Die URL Ihres Bildes kann selbstverständlich auch anders lauten. Wichtig ist natürlich nur, dass das Bild existiert und definitiv auch aufrufbar ist.

Styling allgemein

Wenn Sie ein komplett anderes Styling für die Darstellung der Bewertungsfunktionalität verwenden, dann passen Sie bitte das Template mod_comment_form.html5 an. Sofern Sie es bereits angepasst haben, befindet sich das Template bereits im Allgemeinen Templates-Ordner in Contao. Sollte es sich dort noch nicht befinden, so erstellen Sie bitte das Template über das Backend.

Entfernen Sie die folgende Zeile aus der Datei:

$GLOBALS['TL_CSS'][] = 'system/modules/comments_extended/assets/jquery.rating.css|static';

Sie können dort alternativ auch Ihre eigene CSS-Datei einbinden. Das hat den Vorteil, dass das CSS nur auf den Seiten geladen wird auf denen sich das Modul/Element für die Bewertung befindet.

Es besteht aber auch die Möglichkeit, dass Sie die CSS-Angaben vollständig in Ihrer eigenen CSS-Datei schreiben, die Sie bereits für das allgemeine Layout der Website verwenden.

Sie können in beiden Fällen selbstverständlich alle CSS-Angaben aus der mitgelieferten Datei übernehmen und dann abändern.

Die Datei befindet sich hier:

system/modules/comments_extended/assets/jquery.rating.css

Zurück