From 536d4fab54cb13ad2240a04edd5ef6a0ff19cd20 Mon Sep 17 00:00:00 2001 From: MiTHRAL Date: Fri, 1 May 2026 02:55:21 -0400 Subject: [PATCH] fix: hide SVG logo and use background-image for custom logo --- themepo-elegantfin.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css index afe5a5a..b97f6bc 100644 --- a/themepo-elegantfin.css +++ b/themepo-elegantfin.css @@ -158,12 +158,18 @@ body:has(#itemDetailPage) html::after, /* --- Custom Branding --- */ -/* Replace Jellyfin header logo image using CSS content replacement */ -.headerLogo img { - content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important; +/* Replace Jellyfin header logo — hides SVG/img child and uses background */ +.headerLogo { + display: inline-block !important; width: 36px !important; height: 36px !important; - object-fit: contain !important; + background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important; + background-size: contain !important; + background-repeat: no-repeat !important; + background-position: center !important; +} +.headerLogo * { + display: none !important; } /* Replace "Jellyfin" server name text in header with "The Ark" */