Arrière-plan d'image dans d-header

[Garrick]

Quelle serait la bonne façon d’ajouter cela ? Une méthode simple avec CSS pour utiliser l’image ?

[Don]

Bonjour Garrick,

Cela dépend fortement de l’image utilisée. Vous pouvez utiliser un simple code CSS ciblant la classe .d-header.

Créez un nouveau composant dans /admin/customize/themes et collez-le dans la section CSS commune (à la fois pour le bureau et le mobile) ou là où vous préférez appliquer l’image de fond pour le bureau ou le mobile.

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

Exemple

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

Cela ressemblera à ceci

Plus d’informations sur la propriété background

background | CSS-Tricks

J’espère que cela vous sera utile

[Garrick]

@Don

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

Merci, Don ! C’est exactement ce dont j’avais besoin.