Cambia immagine di sfondo su tutte le pagine

Supporto
1

Hello - Is there anyway to use my own custom background image for all pages?

Thanks

2

Add this theme component by @Johani to your site:

7 Mi Piace
3

Is there any theme component which shows normal background instead on Blur background?

4

No, but you can create a new theme component with something like this

#main {
    background-image: url(image-URL);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}
6 Mi Piace
5

Ho provato questo e ha creato un’interazione strana con le immagini di sfondo delle categorie. L’ho modificato da #main a body e ora funziona bene.

Tuttavia, in entrambi i casi ho notato che gli elementi dell’interfaccia venivano facilmente oscurati dall’immagine di sfondo. Ho quindi impostato varie classi CSS utilizzate dall’interfaccia con uno sfondo bianco solido, ma questo è scomodo perché non esiste una singola classe chiara che gestisca tutti i contenitori.

Sto facendo qualcosa di sbagliato? Esiste un modo migliore per impostare un’immagine di sfondo generale che non oscuri il testo e l’interfaccia?

Ecco come sto impostando lo sfondo:

body {
    background-image: url(my-url);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

Ecco come sto “risolvendo” il problema dell’interfaccia:

.container, .search-container, .reviewable, .discourse-post-event-upcoming-events, .tag-sort-options, .page-not-found, .page-not-found-topics {
    background-color: #FFFFFF;
    border: 4px;
    border-style: solid;
    border-color: #FFFFFF;
}

Mentre gli sfondi delle categorie sono impostati semplicemente utilizzando l’interfaccia utente delle categorie.

1 Mi Piace