Hallo! Ich habe in der vertikalen Navigation unerklärliche Quadrate, wo kommen diese her, wie bekomme ich sie weg? Dieses Quadrat erscheint nur bei Oberkategorien die geöffnet sind. Mein css für die Navi im usermod: /* navbar_categories_left */ .panel > .navbar-categories-left > ul li a, .panel > .navbar-categories-left > ul li a:before { color: #000000; font-weight: bold; background-color: #c0c0c0; } .box-categories .navbar-categories-left > ul > li a:hover { color: #ff0000; font-weight: bold; background-color: #c0c0c0; } .panel > .navbar-categories-left > ul li.open > a, .panel > .navbar-categories-left > ul li a.open > a:before { font-size: 14px; color: #990000; font-weight: bold; background-color: #c0c0c0; } .panel > .navbar-categories-left > ul li.active > a, .panel > .navbar-categories-left > ul li.active > a { color: #990000; font-weight: bold; background-color: #ffffff; } /* navbar_subcategory_1*/ .panel > .navbar-categories-left > ul > li > ul > li > a { color: #000000; font-weight: normal; background-color: #c0c0c0; } /* navbar_subcategory_2*/ .panel > .navbar-categories-left > ul > li > ul > li > ul > li a { color: #000000; font-weight: normal; background-color: #c0c0c0; } Im Bild sieht man das Quadrat rechts (roter Pfeil). MfG Gerie
Ich hab dein CS mal in einen Testshop rein - das Quadrat ist das Bild das für die Kategorienavigation ausgewählt ist, sieht bei mir grade so aus:
Bin mir nicht sicher wo das drinsteckt, dachte es ist das Kategorie Icon im Logo Manager, falsch gedacht. Aber irgendwo steckt das wohl.
Ich dachte jetzt erst mal, das könnte hier angesprochen werden: /templates/Honeygrid/boxes/box_categories_left.html Bin aber da jetzt nicht so im Thema, dass ich da weiter wüsste... Vielleicht hilft das irgendwie weiter? https://www.gambio.de/forum/threads/vertikale-navigation-pfeil-dropdown-level-2-child.27655/
Also ich würde sagen, es steckt hier in der erste Zeile Deines css: Code: .panel > .navbar-categories-left > ul li a, .panel > .navbar-categories-left > ul li a:before { color: #000000; font-weight: bold; background-color: #c0c0c0; } Die background-color legt wohl die Farbe des Hintergrunds des Aufklappsymbols fest... Daran kann man weiterbasteln....
Danke markus_wick, die erste Zeile war's! Habe sie angepasst und dadurch noch ein paar Änderungen gemacht, jetzt funktioniert die Vertikale-Navigation so wie ich es mir vorstelle. Vielen Dank und einen schönen Sonntag MfG Gerie Hier der neue Code: /* navbar_categories_left */ .panel > .navbar-categories-left { color: #000000; font-weight: bold; background-color: #c0c0c0; } .box-categories .navbar-categories-left > ul > li a:hover { color: #ff0000; font-weight: bold; background-color: #c0c0c0; } .panel > .navbar-categories-left a:focus { background-color: #c0c0c0; } .panel > .navbar-categories-left > ul li.open > a, .panel > .navbar-categories-left > ul li a.open > a:before { font-size: 14px; color: #990000; font-weight: bold; background-color: #c0c0c0; } .panel > .navbar-categories-left > ul li.active > a, .panel > .navbar-categories-left > ul li.active > a { color: #990000; font-weight: bold; background-color: #c0c0c0; border-left: 1px #ff0000 solid; border-right: 1px #ffffff solid; } /* navbar_subcategory_1*/ .panel > .navbar-categories-left > ul > li > ul > li > a { color: #000000; font-weight: normal; background-color: #c0c0c0; } /* navbar_subcategory_2*/ .panel > .navbar-categories-left > ul > li > ul > li > ul > li a { color: #000000; font-weight: normal; background-color: #c0c0c0; }
Hier noch eine zusätzliche Zeile im CSS, da ich jetzt rechts Pfeile in der Navi hatte (CSS ist von Barbara): .panel > .navbar-categories-left > ul > li > a:before { display: none; }