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:

7 « J'aime »
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 « J'aime »
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.

1 « J'aime »