add user settings

2026-09-03 02:10:04 +03:00 · 2026-06-03 19:15:45 +02:00
parent b47c1099f8
commit 7006041ef6
3 changed files with 8 additions and 4 deletions
@@ -9,10 +9,6 @@ Jellyfin allows users to customize the appearance of the web interface by applyi

 Custom CSS is only applied to clients that load Jellyfin Web from your server. As a result, it does not affect all Jellyfin clients. Some web-based clients bundle their own version of Jellyfin Web and therefore do not load custom CSS from the server.

-To add custom CSS, navigate to `Dashboard > Branding` and enter your stylesheet in the "Custom CSS" field. Custom CSS is loaded after Jellyfin's default styles, allowing you to override existing rules and customize elements such as colors, layouts and sizing.
-
-![Screenshot of the 'Custom CSS' setting in the administrator dashboard of the web client](/images/docs/custom-css-customcssfield.png)
-
 :::warning

 External resources referenced by custom CSS are loaded by the client, not the Jellyfin server. Ensure these resources are accessible from all client devices. If a resource cannot be reached, Jellyfin Web may not render correctly.
@@ -21,6 +17,14 @@ Using externally hosted stylesheets, fonts, or other assets can also affect offl

 :::

+To add custom CSS, navigate to `Dashboard > Branding` and enter your stylesheet in the "Custom CSS" field. Custom CSS is loaded after Jellyfin's default styles, allowing you to override existing rules and customize elements such as colors, layouts, and sizing.
+
+![Screenshot of the "Custom CSS" setting in the administrator dashboard of the web client](/images/docs/clients/custom-css-admindashboard.png)
+
+Alternatively, custom CSS can be configured on a per-user basis under `Settings > Display`.
+
+![Screenshot of the "Custom CSS" setting in the user settings page](/images/docs/clients/custom-css-usersettings.png)
+
 If you have little or no experience with CSS, consider reviewing the community resources and tutorials linked below.

 ## General Information About CSS