La proprietà CSS background

La proprietà CSS background viene utilizzata per definire l'effetto di sfondo degli elementi.

Qui riportiamo l'esempio per personalizzare lo stile del sito web aggiungendo uno sfondo al <body> modificando il foglio di stile.

 Prima di iniziare consigliamo sempre di aggiungere il foglio di stile custom.
Sconsigliamo di modificare i file home, global e content.

Modificare il colore di sfondo. Proprietà CSS background-color.

Gli snippet di codice CSS che seguono definiscono il colore rosso (#ff0000) per lo sfondo dell'elemento.
L'esempio che segue applica il colore di sfondo all'elemento <body>:

body {
    background-color:#ff0000;
}

In caso volessi applicarlo ad un elemento con specifico #id-name:

#id-name {
    background-color:#ff0000;
}

In caso volessi applicarlo ad un elemento con specifico .class-name:

.class-name {
    background-color:#ff0000;
}

Aggiungere un immagine di sfondo e gestire le sue proprietà.

Questo snippet di codice CSS definisce un'immagine di sfondo e le sue proprietà ad un elemento.
Per riportare un esempio prendiamo come riferimento lo sfondo del blocco con id #backend in Homepage.
L'immagine di sfondo è posizionata con lo snippet CSS che segue:

#backend .col.col-md-6.pd-right.back-image {
    background-image: url("../files/background_backend_h400.jpg");
    background-repeat: no-repeat;
    background-position:0px 25px;
    background-size:cover;
    height:400px!important; 
}

Link interessanti