Hintergrundbild auf allen Seiten ändern

Unterstützung
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 „Gefällt mir“
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 „Gefällt mir“
5

Ich habe es ausprobiert, und es gab eine seltsame Interaktion mit den Hintergrundbildern der Kategorien. Ich habe es von #main auf body geändert, und das funktionierte in Ordnung.

In beiden Fällen habe ich jedoch bemerkt, dass die UI-Elemente leicht vom Hintergrundbild verdeckt wurden. Daher habe ich versucht, den verschiedenen CSS-Klassen, die von der Schnittstelle verwendet werden, einen einfarbigen weißen Hintergrund zu geben. Das ist jedoch umständlich, da es keine eindeutige einzelne Klasse gibt, die alle Container abdeckt.

Mache ich das falsch? Gibt es einen besseren Weg, ein allgemeines Hintergrundbild einzustellen, das den Text und die Schnittstelle nicht verdeckt?

So lege ich den Hintergrund fest:

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

Und so „behebe

1 „Gefällt mir“