gleep52 15 Posted August 24, 2017 Share Posted August 24, 2017 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! Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted August 24, 2017 Share Posted August 24, 2017 Something like .pageTitleWithDefaultLogo { height: 2em !important; } Link to comment Share on other sites More sharing options...
gleep52 15 Posted August 24, 2017 Author Share Posted August 24, 2017 yeah i tried that too... still stays exactly the same size. Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted August 24, 2017 Share Posted August 24, 2017 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? Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted August 24, 2017 Share Posted August 24, 2017 You know css only applies to local/ddns connections, right? comparison default using code from above Link to comment Share on other sites More sharing options...
gleep52 15 Posted August 24, 2017 Author Share Posted August 24, 2017 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; } Link to comment Share on other sites More sharing options...
gleep52 15 Posted August 24, 2017 Author Share Posted August 24, 2017 No change even when using localhost:8096 on the server directly. Link to comment Share on other sites More sharing options...
gleep52 15 Posted August 24, 2017 Author Share Posted August 24, 2017 dang dots... somehow my dot disappeared probably by a bad copy and paste. Your code works! Many thanks. 1 Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted August 24, 2017 Share Posted August 24, 2017 Above code has typo. Missing a period before last line. .pageTitleWithDefaultLogo { height: 3em !important;} Code works for me on test machine after adding period. Link to comment Share on other sites More sharing options...
hygorfragass 3 Posted August 3, 2019 Share Posted August 3, 2019 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 Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted August 3, 2019 Share Posted August 3, 2019 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; } Link to comment Share on other sites More sharing options...
hygorfragass 3 Posted August 3, 2019 Share Posted August 3, 2019 thanks very good Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now