Kategoriebox bearbeiten

Thema wurde von Ralf.H, 13. September 2016 erstellt.

  1. Ralf.H

    Ralf.H Mitglied

    hab schon alles versucht die Kategoriebox zu ändern.
    Farbe usw. keine auswirkungen ausser die Hauptschriftfarbe.
    kann mir jemand sagen wie ich die in andere farben ändern kann ausser weiss?
    danke
    [​IMG]
     
  2. bt012ss

    bt012ss Erfahrener Benutzer

    Das geht nur per CSS Anweisung im Template Editor.
     
  3. Ralf.H

    Ralf.H Mitglied

    Danke!
    Template Editor? ist das ein gambio tool? wo finde ich das?
     
  4. bt012ss

    bt012ss Erfahrener Benutzer

    Na da wo du bis jetzt auch die Farben geändert hast, im "Bearbeitungsmodus"
    Da klickst du dann nochmal auf dein Style und es klappt der Button zum CSS Editor auf.

    Der Code dafür sollte übrigens dieser hier sein ->

    Code:
    .panel
    {background-color: #xxxxxx;}
    .navbar-categories-left > ul li .dropdown-menu
    {background-color: #xxxxxx;}
     
  5. Ralf.H

    Ralf.H Mitglied

    DANKE !
    muss ich die css noch irgendwo freischalten? da ändert sich bei mir null.
     
  6. bt012ss

    bt012ss Erfahrener Benutzer

    Nach dem Speichern sollte das sichtbar sein.
    Der ein oder andere muß mal wieder den Cache leeren, auch der Browsercache ist gerne gesehen.

    Die XXXXXXXXen hast du aber geändert, oder?
     
  7. Ralf.H

    Ralf.H Mitglied

    ja hab ich geändert. cache auch alle geleert :/ voll nervig langsam der shop
     
  8. Ralf.H

    Ralf.H Mitglied

    @media (min-width: $grid-float-breakpoint) {
    .navbar-categories {
    background-color: transparent;
    .navbar-nav {
    @include border-radius(5px);
    }


    }




    .panel
    {background-color: #000000;}

    .navbar-categories-left > ul li .dropdown-menu
    {background-color: #000000;}









    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    }
    #header.sticky {
    #cart-container.navbar-cart > ul > li > a.dropdown-toggle {
    color: $text-color;
    text-shadow: none;




    }
    }
    }
     
  9. Anonymous

    Anonymous Mitglied

    Hallo Ihr Zwei,
    ich habe den Code auch mal ausprobiert (so was suchte ich auch) und bei mir hat es geklappt.

    Gibt es auch eine Möglichkeit die "aktiven" linken Navigationskategorien mit einer speziellen Farbe zu versehen ?
    Bisher läuft das nämlich über den Punkt "Allgemein" --> "Farben" --> "Hauptfarbe" was natürlich eine große Einschränkung ist, je nachdem welche Hauptfarbe man wählt....
     
  10. bt012ss

    bt012ss Erfahrener Benutzer

    Code:
    .panel > .navbar-categories-left > ul li.active > a
    {background-color: #xxxxxx;}
     
  11. bt012ss

    bt012ss Erfahrener Benutzer

    PS: Danke an den Mod für die Titeländerung :cool:
     
  12. Ralf.H

    Ralf.H Mitglied

    warum geht das bei mir denn nicht?

    ha! geht ;) vielen Dank bt012ss :)
    echt spitze!
     
    Zuletzt bearbeitet: 13. September 2016
  13. bt012ss

    bt012ss Erfahrener Benutzer

    Bist du im richtigen Style? Ansonsten, keine Ahnung warum nicht.
     
  14. Ralf.H

    Ralf.H Mitglied

    das funktioniert jetzt! vielen dank.
    kannst du vieleicht noch schnell erklären wie man eine unterkategorie anlegt das die ausklapt im menü?
    probier da schon wieder ne stunde :/
     
  15. bt012ss

    bt012ss Erfahrener Benutzer

    Hast du überhaupt Unterkategorien angelegt die im Menü angezeigt werden könnten?
     
  16. Anonymous

    Anonymous Mitglied

    @bt012ss
    besten Dank, das hat super geklappt mit der "aktiv" Farbe in den linken Kategoriemenüs.

    Jetzt will ich nicht nerven oder aufhalten..... ich würde da nur gerne noch die "hover" Farbe sowie "hover" Schriftfarbe und "active" Schriftfarbe anpassen.
    Kann ich so etwas irgendwo finden wie man ein CSS dafür macht ?
    (habs mal mit Deinem Code probiert und "active" gegen "hover" ausgetauscht aber das ging nicht :) )
     
  17. Anonymous

    Anonymous Beta-Held

    @DAW
    versuche mal
    Code:
    .panel > .navbar-categories-left > ul li.active > a:hover
    {background-color: #xxxxxx;}
     
  18. Anonymous

    Anonymous Mitglied

    @Michael-77
    hey danke erstmal, leider klappt das Nicht bzw. nicht so wie gewünscht.
    Das CSS erzeugt zwar eine variable Hoverfarbe, aber auf dem aktiven Kategorieeintrag. Aber der braucht ja keinen Hovereffekt. Ich hätte das gerne auf dem passiven Eintrag vor dem Anklicken.
    WIe müsste ich es ändern ?

    Wenn die beiden CSS dann laufen, kann ich die abgeändert dann auch für die "hover" und "active" der Schrift einsetzen ?

    Vielen Dank schon mal !