Change Logo size

[Iskara 0]

Hi all

I was wondering whether there is way to customize the CSS to have a larger logo. I have my own custom logo that I put as logowhite.png and logodark.png in the theme folder, however it is appearing quite small on the page now as you can see on this screenshot:

If there are options to change how large the splash.png image is loaded that would be nice.

Thanks in advance for your help!

[user24 404]

Hi, here's some ideas for you to try...

with no custom logo sizing at all, my screen, with standard Emby logo, looks like this:

then, use CSS something like this for 1.5 times larger logo:

.skinHeader h2.pageTitleWithLogo.pageTitleWithDefaultLogo {
            transform: scale(1.5) !important;
            transform-origin: left center !important;
        }

this is the result:

Note: with the standard Emby logo, I found sizes above 1.5 tend to crop the logo top and bottom and you would then run into problems with the whole menu header and row height constraints by modifying the CSS further.

Also: depending upon how you configure the LHS panel in Emby and the aspect ratio of your logo, you may need to experiment with the horizontal placement of your logo. Perhaps replace the transform-origin line with something like this (px adjusted to suit your set up):

margin-left: 50px !important;

Good luck with your customizing!