Hallo, erstelle gerade ein neues Layout für meinen Shop und scheitere an den Menüboxen. Meine Menüboxen sollen durchsichtig sein (opacity .4 zB). Ich habe den Inhaltsbereich auf rgba(255, 255, 255, 0.43) bzw auf Transparent gestellt. Der Hintergrund bleibt jedoch weiß. Ich habe auch ein transparent .PNG hinaufgeladen, funktioniert auch nicht. Die Farbe lässt sich zwar ändern jedoch die Durchsichtigkeit nicht. Alle anderen Bereiche im Shop lassen sich transparent gestallten. Die Menüboxen scheinbar nicht. Hat vielleicht jemand einen Tipp? Vielen Dank!
Ich habe jetzt im Chrome-Entwicklertool gesehen, dass es folgender Code ist, der es verhindert. .panel { margin-bottom: 18px; background-color: #fff; Wo befindet sich die css und wie kann ich das dann permanent ändern und wieso überschreibt es die Änderungen, die ich ja grundsätzlich schon im Bearbeitungsmodus geändert habe.
Du kannst Änderungen im CSS entweder im StyleEdit unter "eigenes CSS hinzufügen" speichern, oder du erstellst dir eine eigene custom.css im Verzeichnis /templates/Honeygrid/usermod/css
Danke dir! Ich habe es über "eigenes CSS" schon versucht. Leider funktioniert es nicht mit .panel { background-color: rgba(255,255,255,0.4); }
Es gibt zwei Stellen an dene du das ändern musst. Das erste ist wie dir schon aufgefallen ist der Selektor Code: .panel {} Die wichtigere Stelle ist aber eigentlich Code: .panel-default .panel-body {} Du musst beide Stellen mit deinem Farbwert überschreiben, damit das funktioniert. So könnte das aussehen: Code: .panel, .panel-default .panel-body { background-color: rgba(255, 255, 255, 0.4); } Das sollte dann eigentlich das gewünschte Ergebnis erzeugen.