Hallo, mir will es beim Malibu Theme nicht gelingen den Headerbereich durchsichtig zu bekommen so das man das Hintergrund Bild sehen kann. Jemand ein paar CSS Befehle für mich parat?
Hast du für den Head-Bereich eins Bild hinterlegt, oder soll das vom Shop zu sehen sein? Welche Header-Variante nutzt Du?
Wir haben im Styleedit eines für die komplette Webseite hinterlegt und auf eingerahmter Shop gestellt. Als Header nutzen wir Header1. Wir möchten vom Header die Transparenz ändern so das das Hintergrundbild leicht zu sehen ist.
Ich habe es im Hintergrund. Das Problem ist auch das der Header noch komplett über die ganze Seite geht (siehe Kreuz). Den kompletten anderen bereich konnte ich mit body #outer-wrapper { margin-left: 100px; margin-right: 100px; } verkleinern. Ich möchte aber nicht "eingerahmter Shop" einstellen da es dann irgendwie alles komisch aussieht. Oder muss ich mir ein anderes Theme kaufen was ein "boxed" Theme ist? https://gambio-themes.de/demos/hgtemplate115/
Das was Du da möchtest nennt sich "wrappen" und ist eine einfache Einstellung im Style Editor. Aber: das Malibu - Theme ist jetzt gerade eins, welches über die ganze Breite gehen soll. Das ist hier gewollt. Dein Code hilft auf dem PC, aber auf einem anderen Gerät, wird das unschön: Hier stehen die Produktkacheln jetzt über. Das sit bei verschiedenen Bildschirmauflösungen so, Für die Transparenz im Header: Bereiche -> Header -> Dein aktueller Header -> Allgemein Da steht oben "Hintergrundfarbe", klicke hier in dem Feld neben dem Farbcode auf das kleine Farbfkästchen da öffnet sich si ein Fenster: der Bereich, den ich hier gelb markiert habe, hat einen Schiebe-Regler (roter Kringel), mit dem man die Transparenz einstellen kann. Das geht auch im Malibu - Header 1 Hintergrund weiß, halbtransparent und transparent: man sieht das aber erst, wenn man auf "OK" klickt Das selbe geht auch mit der Sekundärnavigation ganz oben und in allen anderen Bereichen mit Farbe. Mal sehen, ob ich das Malibu ein bisschen für Dich hinbiegen kann: kommt ins eigene css (Dein Code von oben muss dann weg): Code: body #outer-wrapper { margin-left: auto; margin-right: auto; } @media (min-width: 1400px){ body #outer-wrapper { max-width: 1370px; } } @media (min-width: 992px){ body #outer-wrapper { max-width: 970px; } } @media (min-width: 768px){ body #outer-wrapper { max-width: 750px; } #header { background-color: transparent; } #header .inside{ background-color: #ffffff6e; } } Das sieht zumindest auf meinem PC jetzt so aus: Ich habe mir das nur in der Console angesehen, also bitte in allen Auflösungen testen
Also der Code zerschießt bei mir alles Ich habe das Gefühl, dass dann ein Boxed Theme doch besser wäre oder was meinst du?
Warum nimmst Du nciht das Honeagrid? oder schaust Dir mal die im Gambio-Store an. Vielleicht passt da eins besser zu Deinen Vorstellungen als das Malibu.