gelöst Hintergrundfarbe und Rahmenfarbe im Kategorie-Menu in der Kategorieansicht ändern

Thema wurde von Ensholm, 21. Februar 2018 erstellt.

  1. Ensholm
    Ensholm Mitglied
    Registriert seit:
    18. Februar 2018
    Beiträge:
    5
    Danke erhalten:
    0
    #1 Ensholm, 21. Februar 2018
    Zuletzt bearbeitet: 21. Februar 2018
    Hallo. ich versuche im Kategorie-Menu in der Kategorieansicht und der Artikel-Detail-Ansicht die Hintergrundfarbe und die Rahmenfarbe abzuändern. Auf der Startseite konnte ich die Hintergrundfarbe des linken Kategorien-Menus, die Rahmenfarbe und die Hover-Einstellungen im StyleEdit mit CSS anpassen. Wenn man jedoch auf eine Kategorie klickt und auf die Kategorien-Ansicht-Seite gelangt, wird der Hintergrund wie auf der Startseite angezeigt - richtig wäre aber, dass die ausgewählte Kategorie im Kategorienmenu die gleiche Hintergrundfarbe haben sollte, wie der Hover. Ausserdem ist die Rahmenfarbe nicht wie auf der Startseite sondern "weiss".

    Wo und wie kann ich die Hintergrundfarbe und den Rahmen des Kategoriemenus auf den Folgeseiten wie den Hover darstellen (ausgewählte Kategorie)? Gibt es dafür einen CSS-Code?

    Bisheriges CSS:

    Code:
    @media (min-width: $grid-float-breakpoint) {
        #outer-wrapper {
            @include box-shadow(0 0 10px rgba(0, 0, 0, .3));
        }
        #topbar-container {
            background: transparent;
            margin-top: -30px;
            @include border-top-radius(10px);
            .navbar-topbar {
                margin-right: 30px;
            }
        }
        #footer {
            @include border-bottom-radius(10px);
        }
    }
    
    /* Hintergrundfarbe und Textfarbe im vertikalen Kategorienmenu erzwingen */
    .panel > .navbar-categories-left > ul li a, .panel > .navbar-categories-left > ul li a:before {
        background-color: #fff2ba !important;
      color: #000000 !important;
      border-color: #b19e49 !important;
    }
    
    /* Hover Hintergrundfarbe und Textfarbe im vertikalen Kategorienmenu erzwingen */
    .panel > .navbar-categories-left > ul > li > a:hover {
        background-color: #b19e49 !important;
          color: #ffffff !important;
          border-color: #b19e49 !important;
    }
    
    /* Trennlinien-Farbe im Kategorien-Menu ändern */
    .panel > .navbar-categories-left > ul > li {
        border-bottom: 1px solid #b19e49;
    }
    
    /* Shop einrahmen */
    body #outer-wrapper {
        border-color: #b19e49;
        border-bottom-width: 2px;
        border-style: double;
    }
    Gruss Philipp
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.617
    Versuche es mal mit
    Code:
    .panel > .navbar-categories-left > ul li.active > a {
        background-color: #DeineFarbe;
        border-color: #DeineFarbe
    }
     
  3. Ensholm
    Ensholm Mitglied
    Registriert seit:
    18. Februar 2018
    Beiträge:
    5
    Danke erhalten:
    0
    Super! Funktioniert jetzt einwandfrei. :)

    Besten Dank für deinen schnelle Hilfe Barbara.

    Gruss Philipp