How to change logo size?

[gleep52 16]

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 9351]

Something like

.pageTitleWithDefaultLogo {
    height: 2em !important;
}

[gleep52 16]

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

[Happy2Play 9351]

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 9351]

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

 

comparison

 

default

 

 

 

using code from above

[gleep52 16]

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 16]

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

[gleep52 16]

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

 

Many thanks.

[Happy2Play 9351]

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 9351]

 

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 

[odeuxcool 8]

On 8/24/2017 at 8:16 PM, Happy2Play said:

Something like

.pageTitleWithDefaultLogo {
    height: 2em !important;
}

Hello everyone,

Sorry, I'm new to coding and would like to know where exactly I should embed this code snippet, because in my CSS file I have this :

.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}html,

But I don't know where exactly to put the code, because when I test, no logo appears at all

 

Can you please help me?

[Happy2Play 9351]

1 hour ago, odeuxcool said:

Hello everyone,

Sorry, I'm new to coding and would like to know where exactly I should embed this code snippet, because in my CSS file I have this :

.pageTitleWithDefaultLogo{background-image:url(../logowhite.png)}html,

But I don't know where exactly to put the code, because when I test, no logo appears at all

 

Can you please help me?

It goes into the custom css box on the settings page.

Remember custom css only applies to the web client not any app client or online client.

[odeuxcool 8]

Merci beaucoup pour le retour !

Cela m'a grandement aidé !