Jump to content

Recommended Posts

  • 1 month later...
Posted

Hi, I was following the thread and got some pretty results myself. There are 2 things I am still struggling with, any idease on how to make it work (as in attached picture):

1. How to narrow Header Middle Section with Tabs?

2. How to change the Text for Live TV cardbox?

5d65185633479_backdrop.jpg

Posted

Yummy...

 

5d2ff49ac9375_EmbyStarWarsimage.jpg

 

Nice! I've been hoping to do something similar for a while now.

I know nothing about CSS but i might give this a shot!

 

Do you think it would be possible to replace the white "Star Wars Collection" text with simply the logo, but a bit bigger ?

 

Anyway, cool stuff!

arrbee99
Posted

Nice! I've been hoping to do something similar for a while now.

I know nothing about CSS but i might give this a shot!

 

Do you think it would be possible to replace the white "Star Wars Collection" text with simply the logo, but a bit bigger ?

 

Anyway, cool stuff!

 

No idea. Hopefully someone who understands this stuff will know better.

 

If I got it right I put the css to get it like the image here https://emby.media/community/index.php?/topic/77102-hope-have-to-enjoy-background-image/

Happy2Play
Posted

Nice! I've been hoping to do something similar for a while now.

I know nothing about CSS but i might give this a shot!

 

Do you think it would be possible to replace the white "Star Wars Collection" text with simply the logo, but a bit bigger ?

 

Anyway, cool stuff!

 

Only issue would be if a item does not have a logo then you will have not a Title.  But sure the logo can be re-positioned to where the title is.

Posted

Only issue would be if a item does not have a logo then you will have not a Title. But sure the logo can be re-positioned to where the title is.

All my emby entries have logos, so for me it would not be an issue.

 

Sent from my SM-G920W8 using Tapatalk

Happy2Play
Posted (edited)

All my emby entries have logos, so for me it would not be an issue.

 

Sent from my SM-G920W8 using Tapatalk

You can do something like this.  Sure logos have a standard dimension, they all have different amount of transparent space.

div.detailLogo {
    top: 25em;
    left: 4em;
    height: 12em; }
div.detailPageContent {padding-top: 30em; }
div.detailImageContainer {display: none; }
div.nameContainer {visibility: hidden; }

5d6fb8b15add0_logo.jpg

Edited by Happy2Play
  • 2 weeks later...
Gaspar Filmes
Posted

Is there a way to change this image in chromecast? I wann set up an Avengers theme at house:

 

5d7b12d0b1098_WhatsAppImage20190912at234

 

Is there a way to change this image in chromecast? I wann set up an Avengers theme at house:

  • 1 month later...
arrbee99
Posted

Happy days.

 

5dbe3ea0ac183_EmbyMenInBlack.jpg

  • 2 months later...
arrbee99
Posted

Sorry to be a pest (again), but 4.4.0.5 has wrecked the move stuff down bit (again) and the get rid of the poster / thumb bit (again), so its not like the above. Any chance of some help please ?

 

Might be something to do with some flex thingy, but no idea really.

arrbee99
Posted

Anybody pleaseey ?

Happy2Play
Posted

Sorry to be a pest (again), but 4.4.0.5 has wrecked the move stuff down bit (again) and the get rid of the poster / thumb bit (again), so its not like the above. Any chance of some help please ?

 

Might be something to do with some flex thingy, but no idea really.

Which code are you using?

change

div.detailPageContent {padding-top: 30em; }

to

div.topDetailsMain {padding-top: 30em; }
arrbee99
Posted (edited)

If I've found the right stuff, was using this to get rid of the Poster / Thumb

 

/* ----- Change Movie Active Thumbnail Image Size ----- */
/*#itemDetailPage .portraitDetailImageContainer {
     display: none; !important;
}*/
 
and then the following as the above also got rid of the Actor image on the Actor info page
 
/*Remove Poster / Thumb from detail page*/
#itemDetailPage div.detailImageContainer.detailimg-hidemobile.portraitDetailImageContainer {display: none; }
 
But that stopped working with 4.4.0.5.
 
 
 

Think this moved text and logo down -

 

/*Move text details down on details page*/
.detailLogo {top: 40em !important ;}
 
.detailPageContent {padding-top: 30em !important ;}
Edited by arrbee99
arrbee99
Posted

Thanks, your code moved the text (and image) down very well.

Happy2Play
Posted

Looks like this then.

div.topDetailsMain {padding-top: 30em; }
div.detailImageContainer {display: none; }
arrbee99
Posted

Erm, can't get your second line to work.

Happy2Play
Posted

Erm, can't get your second line to work.

That is the only code I used to move down and remove poster.

arrbee99
Posted

Does the order of the css matter all ?

Happy2Play
Posted (edited)

Does the order of the css matter all ?

It shouldn't, I would assume something is the existing code is broke.  Have you tested with just the new code?

 

5e1153337c21c_down.jpg

Edited by Happy2Play
arrbee99
Posted

Oh rats, thanks, turns out I put a comment above your css to say what it was but I started it off with //*

 

Can't even get a comment right  :)

arrbee99
Posted

Is there a way to move the logo down a bit maybe e.g. the 12 Strong thing of yours ?

Happy2Play
Posted

Is there a way to move the logo down a bit maybe e.g. the 12 Strong thing of yours ?

 

You mean this.

div.detailLogo {position: absolute; top: 40em; }
arrbee99
Posted

I do. Excellent. Thanks very much for putting up with me...

Happy2Play
Posted (edited)

I do. Excellent. Thanks very much for putting up with me...

 

There is a issue with music albums though, with this move down code though.  Will have to look at it more tomorrow.

Edited by Happy2Play
  • Like 1

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...