Immagine di sfondo in d-header

[Garrick]

Qual è il modo corretto per aggiungere questo? Un metodo semplice con CSS per utilizzare l’immagine?

[Don]

Ciao Garrick,

Questo dipende molto dall’immagine utilizzata. Puoi usare un semplice codice CSS per selezionare la classe .d-header.

Crea un nuovo componente in /admin/customize/themes e incollalo nella sezione CSS comune (sia per desktop che per mobile) o dove preferisci applicare l’immagine di sfondo per desktop o mobile.

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

Esempio

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

Il risultato sarà simile a questo

Maggiori informazioni sulla proprietà background

background | CSS-Tricks

Spero che questo sia utile

[Garrick]

@Don

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

Grazie, Don! Proprio quello che mi serviva.