Un utente ha chiesto informazioni su GeneratePress di Wordpress

Immagine di sfondo personalizzata su una pagina

Un utente ha chiesto 👇

Ciao,

Sto cercando una soluzione per il mio CSS personalizzato. Sto cercando di ottenere uno sfondo personalizzato per la mia home page poiché il mio sfondo è il mio logo e il mio logo è già sulla mia home page comunque.

Al momento ho questo come CSS, quindi il mio background sarà corretto anche sui dispositivi mobili.
body: before {
soggetto: “”;
blocco di visualizzazione;
posizione: fissa;
sinistra: 0;
in alto: 0;
larghezza: 100%;
altezza: 100%;
z-index: -10;
background: url (http://the-rns.us/wp-content/uploads/2019/03/otherbg.png) un centro senza ripetizione;
-webkit-background-size: copertina;
-moz-background-size: copertina;
-o-background-size: copertina;
dimensione dello sfondo: copertina;

}

Quando vado a impostare il mio sfondo usando il nome della mia pagina personalizzata non cambia nulla.

Eventuali suggerimenti?

Autore del tema

(@ edge22)

2 anni fa

Ciao,

C’è qualche motivo per cui non lo fai da solo?:

body {
    background: url(https://the-rns.us/wp-content/uploads/2019/03/otherbg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Quindi potresti sovrascrivere l’immagine in questo modo:

body.page-id-10 {
    background-image: url('URL TO YOUR OTHER IMAGE');
}

Tutto ciò di cui hai bisogno è un aggiornamento 10 con ID pagina.

Fammi sapere 🙂

Lanciatore di thread

(@glawholesale)

2 anni fa

Hey Tom,

L’unico motivo per cui non lo faccio è perché non è reattivo sul telefono cellulare IOS, l’immagine di sfondo non è fissa.

Autore del tema

(@ edge22)

2 anni fa

Ce l’ha fatta. In tal caso, useresti questo:

body.page-id-10:before {
    background-image: url(URL TO IMAGE);
}

Lanciatore di thread

(@glawholesale)

2 anni fa

Grazie mille Tom! Ha funzionato, rock.

Autore del tema

(@ edge22)

2 anni fa

Sono contento di aver potuto aiutare 🙂

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *