How to change logo size?

[gleep52 15]

It seems the themes css changed yet again, and in order to change my logo I had to find and replace these parts of the custom dark css:

 

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/beta/BLUE/theme.css');

/* 2.2.2 Logos */
/* Login Page */
.imgLogoIcon {
  content: url(http://i.imgur.com/FcNRQp4.png) !important; }

/* Main Drawer Mobile */
.adminDrawerLogo img {
  content: url(http://i.imgur.com/FcNRQp4.png) !important; }

/* Home Page */
.pageTitleWithLogo {
  background-image: url(http://i.imgur.com/FcNRQp4.png) !important; }

 

This successfully changes my logo, but it's tiny and I like it to take up a bit more space... how can I increase the size?  My usual methods don't seem to make any difference this time around.

 

Thanks in advance!

[Happy2Play 8250]

Something like

.pageTitleWithDefaultLogo {
    height: 2em !important;
}

[gleep52 15]

yeah i tried that too... still stays exactly the same size.

[Happy2Play 8250]

yeah i tried that too... still stays exactly the same size.

 

It is defaulted to "1.22em" and my test changing it to "2em" made the image larger.  Are you seeing no change?  Did you change to a larger number?

[Happy2Play 8250]

You know css only applies to local/ddns connections, right?

 

comparison

 

default

 

 

 

using code from above

[gleep52 15]

I am connecting via dns name, but it's not dynamic... I am seeing no size change on my end using this code:

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/beta/BLUE/theme.css');

/* 2.2.2 Logos */
/* Login Page */
.imgLogoIcon {
  content: url(http://i.imgur.com/FcNRQp4.png) !important; }

/* Main Drawer Mobile */
.adminDrawerLogo img {
  content: url(http://i.imgur.com/FcNRQp4.png) !important; }

/* Home Page */
.pageTitleWithLogo {
  background-image: url(http://i.imgur.com/FcNRQp4.png) !important; }

pageTitleWithDefaultLogo {
    height: 3em !important;
}

[gleep52 15]

No change even when using localhost:8096 on the server directly. 

[gleep52 15]

dang dots... somehow my dot disappeared probably by a bad copy and paste.  Your code works!

 

Many thanks.

[Happy2Play 8250]

Above code has typo.  Missing a period before last line.

 

.pageTitleWithDefaultLogo {
    height: 3em !important;
}

 

Code works for me on test machine after adding period.

[hygorfragass 3]

Hello this code works for me too, but my logo is a drawing not a writing so it needs to be sized correctly to be able to see what is written. but he raises the bar together, ends up plugging the information. Is there a way to size only the image? without affecting the menu bar?

 

attached images

[Happy2Play 8250]

 

Hello this code works for me too, but my logo is a drawing not a writing so it needs to be sized correctly to be able to see what is written. but he raises the bar together, ends up plugging the information. Is there a way to size only the image? without affecting the menu bar?

 

attached images

 

 

Looks like you need something like this.

div.flex.align-items-center.flex-grow.headerTop {padding: .8em 0; }

or

.withSectionTabs .headerTop {padding: .8em 0 !important; }

[hygorfragass 3]

thanks very good