"Sortieren nach:" farblich ändern

Moin zusammen,

in meinem Refresh-Theme wird die “Sortieren nach” Funktion wie folgt dargestellt.

Das Problem ist der weiße Hintergrund vom Dropdown. Der Text soll weiß sein, da er im ganzen Shop weiß sein soll.

Weiß jemand, wie ich den Hintergrund vom Dropdown farblich ändern kann?

Im Farbschema habe ich bereits einen Schwarzton beim allgemeinen Hintergrund.

Danke

Hey @GamerSpark

Du hast es so eingestellt dass die Filteroptionen als weißer Text auf weißem HG dargestellt werden, ist das richtig? Eigentlich ist dieses Kästchen ein Feature des Browsers und auf den Hintergrund des Dropdowns greift m. E. das Theme Farbschema nicht. Wenn du das in anderen Browser testest, wie sieht es aus? Hier mein Beispiel:

Du kannst versuchen benutzerdefiniertes CSS dem Theme hinzuzufügen (mehr dazu hier) wie das folgende:

/* Selektor für das Dropdown-Menü */
select.facet-filters__sort {
  background-color: #000; /* Hintergrundfarbe schwarz */
  color: #fff; /* Textfarbe weiß */
}

/* Selektor für die Dropdown-Optionen */
select.facet-filters__sort option {
  background-color: #000; /* Hintergrundfarbe schwarz */
  color: #fff; /* Textfarbe weiß */
}

Hoffe das hilft dir weiter - lass wissen falls nicht! :wink:


Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

1 Like

Hi Gabe,

danke für die Hilfe.

Im Farbschema habe ich weißen Text auf schwarzem Hintergrund. Ich habe die gleiche Darstellung auch am Tablet oder Handy.

Im Browser habe ich keine anderen Einstellung vorgenommen und auf anderen Internetseiten ist alles normal, sprich fabrlich.

Habs jetzt aber mit benutzerdefiniertes CSS hinbekommen.

Vielen Dank für die Hilfe :slightly_smiling_face:

Hey @GamerSpark

Sieht super aus! :wink:

Wenn du möchtest, lass es mich hier auf meinem Browser testen nur zu prüfen, dass auch auf meiner Seite alles gut aussieht. Und wenn du deinen CSS hier teilst, würde andere auch helfen die dasselbe machen wollen, musst aber nicht!

VG,

Ich hatte tatsächlich einfach deinen CSS aus deiner Antwort genommen :grinning_face_with_smiling_eyes:

habs jetzt mit mehreren Geräten und Browser probiert und funktioniert auf allen Seiten super.

Nochmal vielen Dank!!

Gruß Fabian

giphy