gelöst Farben der Dropdownmenüs (Artikelfilter)

Thema wurde von Anonymous, 20. Mai 2025 erstellt.

  1. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Gibt es eine Möglichkeit die Farben der Dropdownmenüs (Hintergrund und Schriftfarben) speziell der Filterbox anzupassen? Ich möchte die Farben gern einheitlich haben, brauche also das Dunkelgrau als Hintergrund und weiß als Schriftfarbe. Zur Zeit sieht es so aus.

    Screenshot 2025-05-20 134438.jpg
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    Das geht per CSS. Wie ist der Link zum Shop?
     
  3. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Hier der Link zum Shop:

    (Link nur für registrierte Nutzer sichtbar.)

    Viele Grüße
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    Code:
    #filterbox-container .form-control {
        background: #1b1b1b;
        color: #ffffff;
    }
    Damit siehst es dann so aus:

    upload_2025-5-21_8-4-3.png
     
  5. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Hallo Michaela, danke für den Code. Ich habe in im Style-Edit eingefügt. Aber aus irgend einem Grund greifen die Änderungen nicht. Hast du eine Ahnung, woran das liegen könnte? Das Filtermodul habe ich gekauft, normalerweise ist er ja nicht oberhalb der Kategorie, kann es daran liegen, das die Dateien dann an einer anderen Stelle liegen?
     
  6. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    Entweder Michaelas Code spezifizieren, z.B. so:
    Code:
    div#filterbox-container .form-control {
       background: #1b1b1b;
       color: #ffffff;
    }
    
    Oder (besser), aus der
    /GXModules/BoxFilter/Filter/Shop/Themes/All/Css
    diese Zeilen rauslöschen:
    Code:
        color: #555;
        background-color: #fff;
        background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
        background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
        background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    
    bzw. ersetzen durch:
    Code:
       background: #1b1b1b;
       color: #ffffff;
    }
    
    Ergebnis:

    filter.png
     
  7. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Danke, mit dem angepassten Code klappt es prima. Ich habe mich für die Variante übers Style-Edit entschieden. Die Dateien direkt auszutauschen traue ich mir nicht. Theoretisch, muss ich die Datei herunterladen (FileZilla) ändern und anschließend wieder hochladen? Stimmt das so? (Kann ich viel kaputtmachen, wenn ich etwas falsch mache?) Vielen herzlichen Dank an euch beide!!

    Letzte Bitte diesbezüglich: Kann ich auch die obere Zeile noch farblich anpassen?

    Screenshot 2025-05-23 103041.jpg
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    Code:
    button#myBtn {
        background-color: #1b1b1b;
        color: #ffffff;
    }
     
  9. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Hallo Michaela, der Code verändert gleich ganz viel auf der Webseite, also auch Farben an anderer Stelle.
     
  10. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.335
    Danke erhalten:
    1.019
    Danke vergeben:
    389
    Sicher? Wenn ich ihn auf deiner Seite teste, dann verändert er nur diesen Button. Hast du ihn irgendwie verändert?
     
  11. Anonymous
    Anonymous Mitglied
    Registriert seit:
    10. Juni 2020
    Beiträge:
    16
    Danke erhalten:
    2
    Danke vergeben:
    9
    Funktioniert, ich habe es gleich nochmal probiert. Wahrscheinlich gab es beim ersten mal ein Problem beim Speichern im Style-Edit. Danke!
     
  12. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    Wie angekündigt noch kurz dazu: Im Gegensatz zum StyleEdit hat man von der Datei binnen 2 Sekunden eine Sicherung gemacht und binnen paar weiterer Sekunden wiederhergestellt. Wie schnell kann man außerdem Strg + Z drücken, um etwas rückgängig zu machen? Also meine bevorzugte Variante wäre ganz klar die Datei gegenüber dem StyleEdit. Zumal es im konkreten Fall halt wirklich extremst eleganter wäre, die unerwünschte Angabe zu korrigieren statt zu überschreiben.