abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Hintergund des Headers ändern / Brookyln

Gelöst
Highlighted
Neues Mitglied
5 0 0

Hi, ich möchte den Hintergrund des Headers von weiß in einen weiß-grünen Farbverlauf ändern. Das Shopdesign ist Brooklyn.

Ich habe diesen Code unter Asset->/theme.scss.liquid eingefügt:


.site-header {
background-color: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #fbfbfd, #f6f7fb, #f1f4f9, #e3edf4, #d4e7eb, #c7e0de, #c0d9cd);
}

 

Leider ohne Erfolg. Hat jemand ne Idee?

0 Likes
Highlighted
Shopify Staff
Shopify Staff
1654 150 265

Hey @Michi1992 

Gabe hier aus Shopify! Vielen Dank für die gute Frage.

Um das zu machen helfen dir hoffentlich diese Beiträge.

VG,

Gabe

Gabe | Social Care @ Shopify

 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Als Lösung anerkennen 

Um mehr zu erfahren, besuche unseren Shopify Help Center oder unseren Shopify Blog

0 Likes
Highlighted
Neues Mitglied
5 0 0

Vielen Dank für Ihre Antwort. Leider bietet keiner der Forenbeiträge eine Antwort dazu, wie man einen Farbverlauf in dem Header als Hintergrund einstellt. Deshalb habe ich auch den Beitrag eröffnet.

0 Likes
Highlighted
Shopify Partner
41 17 29

Erfolg.

Hallo @Michi1992 

Es fehlt hinter den Farbnummern  eine prozentuale Angabe der "Breite" des Farbabschnittes. Du solltest möglichst auch immer vor dem Farbverlauf eine Hintergrundfarbe hinterlegen, für ältere Browser, die "gradient" nicht kennen. Die Richtung gibst Du besser in Grad an. Ganz easy kannst Du das CSS hier online erstellen: https://cssgradient.io/

Versuche es mal mit:

header.site-header {
background: #ffffff;
background: linear-gradient(90deg, #ffffff 0%, #f1f4f9 33%, #d4e7eb 66%, #c0d9cd 100%);
}

 

1 Like