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

Add this theme component by @Johani to your site: [图片] 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

在所有页面更改背景图片

产品支持

nexo 2019 年5 月 9 日 18:25 2

Add this theme component by @Johani to your site:

话题		回复	浏览量
Category background images do not scale good for mobile UX	7	1611	2019 年9 月 17 日
Category Background Won't Work Right Bug	5	950	2020 年7 月 17 日
Theme unexplainably broke Development	5	550	2022 年9 月 18 日
Reddit-ish Theme Apply background image and blur Contribute	0	80	2026 年7 月 28 日
#main-outlet bg hides custom category background when making a topic a banner Bug	4	1640	2015 年3 月 26 日

在所有页面更改背景图片

相关话题