Changer l'image de fond sur toutes les pages

Soutien
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:

3

Existe-t-il un composant de thème qui affiche un fond normal au lieu d’un fond flou ?

4

Non, mais vous pouvez créer un nouveau composant de thème avec quelque chose comme ceci

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

J’ai essayé cela et cela a créé une interaction étrange avec les images d’arrière-plan des catégories. J’ai donc modifié la sélection de #main à body, et cela a fonctionné correctement.

Cependant, dans les deux cas, j’ai remarqué que les éléments de l’interface étaient facilement masqués par l’image d’arrière-plan. J’ai donc été contraint de définir un fond blanc uni pour diverses classes CSS utilisées par l’interface, mais cela est fastidieux car il n’existe aucune classe unique claire capable de gérer tous les conteneurs.

Est-ce que je fais cela de la mauvaise façon ? Existe-t-il une meilleure méthode pour définir une image d’arrière-plan générale qui ne masque ni le texte ni l’interface ?

Voici comment je définis l’arrière-plan :

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

Et voici comment je « corrige » l’interface :

.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;
}

tandis que les arrière-plans des catégories sont définis simplement via l’interface utilisateur des catégories.