Shop Sterne Bewertung

  • Ersteller des Themas Ersteller des Themas Bart70
  • Erstellungsdatum Erstellungsdatum

Bart70

Gut bekanntes Mitglied
18. Februar 2015
380
1
Filderstadt
Hallo,

ich würde die Bewertungssterne in einer anderen Farbe darstellen, kann mir jemand sagen wo ich das abändern muss schwarz ist einfach nicht schön.

MfG
 

Jan-S

Gut bekanntes Mitglied
14. Mai 2016
152
16
AW: Shop Sterne Bewertung

Guten Morgen,

hast du die Farbe ändern können? Wenn ja, wie?

Vielen Dank im Voraus

Jan
 

MLiebschner

Aktives Mitglied
19. Juni 2012
55
1
AW: Shop Sterne Bewertung

Die Farbe der Sterne haben wir über

Code:
.fa-star,
.fa-star-o,
.fa-star-half-o{
    color: #ffde00;
}

geändert...in der theme.less
 

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.705
2.732
Berlin
Firma
css-umsetzung
Wie kommt man an diese Less? Über den JTL Theme Editor ja nicht (mehr).
warum nicht? der Theme Editor macht seine Arbeit wie immer.


Ich sehe schon, ich sollte ich mal in die ".less" belesen.
musst du nicht, less ist nichts anderes als eine verkürzte Schreibweise.
Du kannst da auch ganz ordinäres css verwenden, am Ende kommt eh ordinäres css bei raus
 

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.705
2.732
Berlin
Firma
css-umsetzung
ja muss ja auch nicht, das mit dem Editor ist ja nicht so das er dir alle Arbeit abnimmt und du nur noch klickibunti hast.
Der dient dir dafür, das du Variablen die du kennen, bzw. dir raussuchen musst oder eben auch das css erweitern kannst.

für die Sterne gibt es keine spezielle Farbangabe, wenn du die in Gelb haben möchtest dann kannst du das darüber machen nachdem du dir im Frontend den selector herausgesucht hast.

Ich möchte sie also in gelb haben, dann nehme ich mir den eindeutigen selector und gebe dem eine Farbe (das erste sollte schon reichen und betrifft alle Sterne):

Code:
.fa-star {
  color: #f9b000;
}

oder

[data-page="1"] #result-wrapper .rating-wrapper .fas {
  color: #f9b000;
}

oder

#result-wrapper .rating-wrapper a {
  color: #f9b000 !important;
}
 

holzpuppe

Sehr aktives Mitglied
14. Oktober 2011
1.715
260
Leipzig
warum nicht? der Theme Editor macht seine Arbeit wie immer.



musst du nicht, less ist nichts anderes als eine verkürzte Schreibweise.
Du kannst da auch ganz ordinäres css verwenden, am Ende kommt eh ordinäres css bei raus
Ey, das war von 2016. 😬
Aber auch egal, wenn ich das mal gewusst habe, weiß ich es jetzt auch nur nicht mehr.
So gesehen: Danke für die Erinnerung. 🙂
Updates habe ich seitdem nur noch selten gemacht und naja, Anpassungen macht man in der Regel nur einmal pro "Major Release".
Und das Fortbestehen und Weitermachen, steht seit heute generell auf der Frageliste für mich.
 

Ähnliche Themen