Hintergrundfarben für das Kategoriemenü und Unterkategorien

Thema wurde von petra_hahn, 30. August 2017 erstellt.

  1. petra_hahn

    petra_hahn Erfahrener Benutzer

    Hallo,
    kann mir jemand sagen, wo ich die Hintergrundfarben für das Menü ändern kann. Ich habe das Menü links auf der Seite also nicht horizontal. Außerdem sind die Unterkategorien immer aufgeklappt und ich möchte gerne, dass sie erst aufklappen wenn man die Oberkategorie anklickt.
    LG Petra
     
  2. MMAAXX

    MMAAXX Mitglied

    Template Einstellungen -> kategoriemenü:
    Klick auf Kategorie klappt Unterkategorie auf -> Häkchen
    Anzahl der Kategorieebenen, die aufgeklappt angezeigt werden sollen: 0

    Aber das mit den Farben wüsste ich auch gern...
     
  3. barbara

    barbara G-WARD 2014-2020

    Versucht es mal mit dem Code:
    Code:
    .panel > .navbar-categories-left > ul li a, .panel > .navbar-categories-left > ul li a:before {
        background-color: #fff
    }
    das "fff" durch >Eure Farbe ersetzen.
    und wenn die Auswahl anders sein soll:
    Code:
    .panel > .navbar-categories-left > ul li.active > a {
        background-color: #fff;
    }
     
  4. Hennes74

    Hennes74 Aktives Mitglied

    Hi,

    das gleiche Problem habe ich nach dem Upgrade auf GX3 und erstmaliger Benutzung von Style Edit 3 auch.
    Ich finde im Style Edit keine Einstellungsmöglichkeit für die Farbe der zusätzlichen, vertikalen Navigation in der linken Spalte sowie für den Artikel-Filter dort. Die Menüboxen lassen sich prima anpassen, aber die Hintergrundfarbe der vertikalen Navigation sowie des Artikel-Filters sind weiterhin unpassend grau.

    Wenn es im Style Edit tatsächlich nicht geht, in welcher Datei muss ich die o.a. Änderungen gemäß barbara vornehmen?

    Gruß

    Hennes
     
  5. barbara

    barbara G-WARD 2014-2020

    Das geht im Style Editor
    Öffne den Style zum bearbeiten und klicke einmal auf den Namen. Jetzt erscheint unter dem Namen ein Link "eigenes css hinzufügen"
    darüber kannst Du das einfügen.
     
  6. Hennes74

    Hennes74 Aktives Mitglied

    Na das ist ja mal ein hilfreicher Hinweis! Das habe ich bisher noch gar nicht entdeckt!
    Dann lässt sich das sicherlich auch für den Artikel-Filter so machen.
    Wie bringe ich da mehrere Anweisungen zur Anwendung?
     
  7. barbara

    barbara G-WARD 2014-2020

    Einfach untereinander schreiben.
    Wichtig ist, dass Du den richtigen css-Bereich hast.
     
  8. Hennes74

    Hennes74 Aktives Mitglied

    Hallo barbara,
    vielen Dank nochmal für den Tipp. Ich komme langsam voran.

    Beim Versuch den Artikel-Filter schwarz zu machen, fehlt mir aber ein Element,
    nämlich der Rahmen außerhalb, der hier immer noch grau ist (rotes X im Bild).
    Der Teil gehört offenbar nicht zum Background. Wie ordne ich diesem eine Farbe zu?

    Gruß

    Hennes

    Code:
    #filterbox-container {
     
        background-color: #000000;
         
      }
     

    Anhänge:

  9. barbara

    barbara G-WARD 2014-2020

    Klicke einmal die Taste "F12" und schau, ob sich eine Console öffnet.
    Wenn ja, dann gehst Du mit der Maus, rechte Taste, in den Bereich klickst und auf "untersuchen" gehst, sollte Dir der Bereich angezeigt werden.
    Du kannst da auch testen, ob die Farbe angenommen wird.
    Dann kopierst Du das (nur den Bereich und den Code, den Du ändern möchtest) und fügst es in Dein css ein.
     
  10. Hennes74

    Hennes74 Aktives Mitglied

    Danke barbara für die Hilfestellung.

    Ich habe bislang alle Elemente auf diese Weise formatieren können bis auf eine Ausnahme,
    und das ist der Hintergrund der Thumbnails, die auf der Startseite und den Kategorienseiten erscheinen, sobald die Maus über das Produktbild fährt. Dort ist der Hintergrund immer noch weiß, aber ich hätte ihn gerne schwarz. (siehe Anhang).

    Bei den anderen Elementen konnte ich mir per Rechtsklick, "Untersuchen" die Bezeichnungen der Elemente aus der Konsole rauskopieren. Hier haut das aber nicht hin, denn sobald ich mit der Maus auf die Konsole gehen, sind die Thumbnails wieder weg, da sie ja nur bei Maus-Hover erscheinen.

    Kann mir hier vielleicht nochmal jemand mit dem passenden CSS-Code aushelfen?

    Besten Dank & Gruß

    Hennes
     

    Anhänge:

  11. barbara

    barbara G-WARD 2014-2020

    Da muss man tricksen.
    Wenn die Konsole einen cm auf der Kachel liegt, kann man das hin bekommen.
    Versuche es mal damit:
    Code:
    .product-container .gallery > li {
        background-color: black !important;
    }
     
  12. Hennes74

    Hennes74 Aktives Mitglied

    Das hat wieder einmal genau gepasst. Code funktioniert einwandfrei!
    Besten Dank & komm gut ins neue Jahr!
     
  13. barbara

    barbara G-WARD 2014-2020

    Komm du auch gut rüber.