Hallo Zusammen, ich arbeite aktuell an der Umstellung vom Honeygrid Template aufs Honeygrid Theme. Ich habe festgestellt, dass die Angaben der primary / default Farben, an mehreren Stellen ignoriert werden: Zum Beispiel wird der Primary Button "zum Warenkorb" im Standard Blau wiedergegeben, nicht in meiner im StyleEdit festgelegten primary Farbe. Diese wird für den Button erst übernommen wenn ich sie nicht mittels $btn-primary-color übergebe, sondern hart mittels Farbwert. Gleiches trifft auch für die Hover Farbe der Hauptkategorien im Megadropdown zu. Wieder taucht das Standard Blau auf, nicht meine vorgegebene Farbe. Die Subkategorien (2. Ebene) werden hingegen farblich korrekt wiedergegeben. Hat vielleicht Jemand eine Idee wo der Fehler liegen könnte? Danke für Eure Zeit.
FYI: Die Rückmeldung des Supports dazu lautet: "Das "Überlagern" der Hauptkategorien mit einer anderen Farbe ist ein Fehler im SE4. Hier hilft es nur das gezielt per CSS einmal zu überschreiben."
@Rike Im StyleEdit gibt es für den Warenkorb Button noch eine extra Option um die Farbe darfür festzulegen, schau mal unter "Bereiche->Allgemein->Buttons" und dann "In den Warenkorb" hier ist standardmäßig eine fester Farbe vorgesehen wenn du da "$btn-primary-bg" einträgst wir die Farbe auch übernommen. Die gleiche Farbe kannst du dann auch für "Rahmenfarbe in den Warenkorb-Button" eintragen. Wenn du das so konfigurierst, dann wird die Farbe auch immer in Abhängigkeit der Primärfarbe für Buttons übernommen.
Danke @Till (Gambio) das Problem mit dem Button konnte ich inzwischen bereits lösen. Allerdings nicht das mit der Hover Farbe der Hauptkategorien im Megadropdown. Ich konnte noch nicht den dazugehörigen Style ausfindig machen um diesen im eigenen CSS zu überschreiben.
Ich denke, ich habe inzwischen die zum Megadropdown zugehörige Style-Angabe gefunden: Code: @media (min-width: 768px) .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li.active > a, .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li a:hover, .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li a:active { background: transparent; color: #337ab7; } Allerdings hat eine Farbänderung daran dann doch keine entsprechende Änderung zur Folge. Der Hover Effekt der Navigation ist und bleibt in der ersten Ebene blau. Gleiches gilt für das Cookie Panel. Die Akzentfarbe bleibt Blau, meine Angaben werden nicht übernommen.
@Rike Wenn das wirklich unabhängig vom Gerät sein soll, dann entferne bitte das @media (min-width: 768px) Außerdem ist der Code fehlerhaft es müsste wenn dann wie folgt aussehen: Code: @media (min-width: 768px) { .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li.active > a, .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li a:hover, .navbar-collapse .navbar-categories ul.navbar-nav > li > ul.dropdown-menu > li a:hover { background: transparent; color: #337ab7; } }
Danke, das hat nun endlich zur gewünschten Änderung in der Navigation geführt! Anmerkung: Den fehlerhaften Code habe ich - sofern ich es richtig erinnere - aus dem Theme-Code herauskopiert.
Hast Du das über die Browser-Console gemacht? Die unterschlägt bei @media immer die zusätzlichen Klammern. In die Falle bin ich auch schon getreten.