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

Add this theme component by @Johani to your site: [imagem] StackBlur backgrounds Theme component warning This is not supposed to be used as a theme by itself. This is a theme component that’s supposed to handle the background only. It’s supposed to be incorporated into your theme design. Repo: GitHub - hnb-ku/StackBlur-backgrounds-discourse-theme-component This component uses Mario Klingemann’s StackBlur library (2kb gzipped - MIT license) to generate high scroll performance blurred backgrounds based on an image you select in a element. Examples: (these are compressed so t…

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

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

I tried this and it had a weird interaction with category background images. I changed it to from #main to body and this worked ok. However in both cases I noticed that the UI elements were easily obscured by the background image and set to making various css classes used by the interface to have a solid white background, but this is cumbersome as there’s no clear single class that will handle all of the containers. Am I doing this wrong? Is there a better way to set a general background image that doesn’t obscure the text and interface? Here is how I am setting the background: body { background-image: url(my-url); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; } and here is how I am “fixing” the UI: .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; } while the category backgrounds are set simply using the category UI

Alterar a imagem de fundo em todas as páginas

Suporte ao Produto

nexo Maio 9, 2019, 6:25pm 2

Add this theme component by @Johani to your site:

Tópico		Respostas	Visualizações
Category background images do not scale good for mobile UX	7	1622	17 de Setembro de 2019
Category Background Won't Work Right Bug	5	952	17 de Julho de 2020
Theme unexplainably broke Development	5	554	18 de Setembro de 2022
Reddit-ish Theme Apply background image and blur Contribute	0	80	28 de Julho de 2026
#main-outlet bg hides custom category background when making a topic a banner Bug	4	1646	26 de Março de 2015

Alterar a imagem de fundo em todas as páginas

Tópicos relacionados