Bildhintergrund im d-header

[Garrick]

Wie wäre der korrekte Weg, dies hinzuzufügen? Einfache Lösung mit CSS, um das Bild zu verwenden?

[Don]

Hallo Garrick,

Das hängt stark vom verwendeten Bild ab. Du kannst einfachen CSS-Code verwenden, um die Klasse .d-header anzusprechen.

Erstelle eine neue Komponente unter /admin/customize/themes und füge sie entweder im gemeinsamen CSS-Bereich (sowohl für Desktop als auch für Mobilgeräte) oder dort ein, wo du das Hintergrundbild bevorzugt für Desktop oder Mobilgeräte verwenden möchtest.

.d-header {
  background: url(your image url);
  background-repeat: no-repeat;
  background-size: cover;
}

Beispiel

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Das sieht dann so aus

Weitere Informationen zur Hintergrund-Eigenschaft:

background | CSS-Tricks

Ich hoffe, das hilft dir

[Garrick]

@Don

.d-header {
  background: url(https://i.imgur.com/SqObEfW.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
}

Danke, Don! Genau das, was ich gebraucht habe.