Alterar a imagem de fundo em todas as páginas

Suporte
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 curtidas
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 curtidas
5

Tentei isso e tive uma interação estranha com as imagens de fundo das categorias. Mudei de #main para body e funcionou bem.

No entanto, em ambos os casos, notei que os elementos da interface eram facilmente obscurecidos pela imagem de fundo. Acabei definindo várias classes CSS usadas pela interface para ter um fundo branco sólido, mas isso é trabalhoso, pois não há uma única classe clara que lide com todos os containers.

Estou fazendo algo errado? Existe uma maneira melhor de definir uma imagem de fundo geral que não obscureça o texto e a interface?

Veja como estou definindo o fundo:

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

e veja como estou “corrigindo” a 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;
}

enquanto os fundos das categorias são definidos simplesmente usando a interface de categorias.

1 curtida