Jump to content

Custom CSS with Emby Web App


Recommended Posts

is there any way I can play a random video above the users at the login screen? sorry, completely new to CSS. Alternatively, a random image would be ok too. thanks for any help ahead!

Link to post
Share on other sites
  • 5 weeks later...
CarlosLima

Hi, I would like a CSS code to reduce the size of these fonts, behold, on the smartphone the fonts are very large. Thank you

 

5ac556ad839b4_Capturar.jpg

Edited by CarlosLima
Link to post
Share on other sites
Happy2Play

Hi, I would like a CSS code to reduce the size of these fonts, behold, on the smartphone the fonts are very large. Thank you

 

5ac556ad839b4_Capturar.jpg

 

Something like this?

#homeTab h2  {
    font-size: 1.0em;
}
Edited by Happy2Play
  • Like 1
Link to post
Share on other sites
CarlosLima

 

Something like this?

#homeTab h2  {
    font-size: 1.0em;
}

 

Bingo. Very grateful for that.

Link to post
Share on other sites

Hello everyone

 

I Used so many times the css code that Carlos did and nothing happens to me!

I used in branding sections for custom css.

Returned with nothing at all.

What I m missing?

Thank you all.

Link to post
Share on other sites
Happy2Play

Hello everyone

 

I Used so many times the css code that Carlos did and nothing happens to me!

I used in branding sections for custom css.

Returned with nothing at all.

What I m missing?

Thank you all.

 

It depends on your connection.  Currently custom css does not work on "Connect", only ip\ddns connections

  • Like 1
Link to post
Share on other sites
  • 4 weeks later...
CarlosLima

Hi,
Today's new update of Emby Server for version 3.4.0.0 brought to my interface, these two items indicated by the white arrow, hence both were not apparent.
Is it possible to use CSS code to remove both, or at least hide them?
Thank you very much.

 

5aea84dc9e4c0_Capturar.jpg

post-26813-0-62433300-1525318854_thumb.jpg

Edited by CarlosLima
Link to post
Share on other sites
CarlosLima

I could remember the solution, sorry. I leave the code for possible assistance to others.

 

Example:

#homeTab [data-id = "165db2549e77c71dacef0e83a95cc5de"] {display: none}
Edited by CarlosLima
Link to post
Share on other sites
Happy2Play

Hi,

Today's new update of Emby Server for version 3.4.0.0 brought to my interface, these two items indicated by the white arrow, hence both were not apparent.

Is it possible to use CSS code to remove both, or at least hide them?

Thank you very much.

 

5aea84dc9e4c0_Capturar.jpg

 

Give me a minute to find the css, but ideally this should be a option via Home Screen to "Display on home screen" just like Trailers. @@Luke

 

Mine had a glitch and didn't display either until I toggled Camrea Upload "Display in home screen sections such as latest media and continue watching".

Edited by Happy2Play
  • Like 2
Link to post
Share on other sites
Happy2Play

Here you go you will have to look at the camera upload id for your library by click on camera upload and looking at the url.

/*Hide Collections and Camera Upload*/
[data-collectiontype="boxsets"], [data-id="165db2549e77c71dacef0e83a95cc5de"] {display:none !important}
Edited by Happy2Play
  • Like 2
Link to post
Share on other sites
Luke

i forgot to expose those settings for collection and playlist libraries so it will have to be for the next release. thanks.

  • Like 3
Link to post
Share on other sites
  • 3 weeks later...

Hello beautiful people

 

 
I have now tried to get rid of HomeTab/FavoritesTab on the home screen for 6 months without luck :( 
so now I hope one of you can help me get it removed.
 
 
I'm running emby version 3.4.1.0
 
<div class="tabContent pageTabContent" id="homeTab" data-index="0">
 
<div class="tabContent pageTabContent" id="favoritesTab" data-index="1">
 
 
 
Thanks 
Alexander 
Link to post
Share on other sites
Happy2Play

 

 


Hello beautiful people


I have now tried to get rid of HomeTab/FavoritesTab on the home screen for 6 months without luck :(
so now I hope one of you can help me get it removed.

I'm running emby version 3.4.1.0

<div class="tabContent pageTabContent" id="homeTab" data-index="0">

<div class="tabContent pageTabContent" id="favoritesTab" data-index="1">
 

Thanks
Alexander

 

You could do something like this.

body > div.skinHeader.skinHeader-withBackground.headroom.noHomeButtonHeader > div.headerTabs.sectionTabs > div > div > button:nth-child(1) > div, body > div.skinHeader.skinHeader-withBackground.headroom.noHomeButtonHeader > div.headerTabs.sectionTabs > div > div > button:nth-child(2) > div {display: none}
Edited by Happy2Play
  • Like 1
Link to post
Share on other sites
treason

Any way to disable the double click => toggle full screen thing? Every time I select text it goes full screen and drives me nuts.

 

I imagine CSS won't cut it?

Link to post
Share on other sites
Diedrich

Any way to disable the double click => toggle full screen thing? Every time I select text it goes full screen and drives me nuts.

 

I imagine CSS won't cut it?

Nope, it's not CSS. I'm assuming you are using Chrome? If so, check to see if there are any Chrome plugins (extensions) to disable double-click full screen.
Link to post
Share on other sites
  • 6 months later...
CarlosLima

Hi,

I would like a CSS to exclude this text and the three points.

 

I see no use to have, or at least, to edit the text.

 

Thank you.


5c0ab330b25be_Screenshot.png
 

Link to post
Share on other sites
Happy2Play

Hi,

 

I would like a CSS to exclude this text and the three points.

 

I see no use to have, or at least, to edit the text.

 

Thank you.

5c0ab330b25be_Screenshot.png

 

 

Well this is dependent on how you have your Home Screen section setup.

/*Remove Section Title Header and Edit menu*/
#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {display: none; }

Or you can hide it if you doen't want the section position to move up.

/*Remove Section Title Header and Edit menu*/
#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {visibility: hidden; }
Edited by Happy2Play
  • Like 1
Link to post
Share on other sites
CarlosLima

 

Well this is dependent on how you have your Home Screen section setup.

/*Remove Section Title Header and Edit menu*/
#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {display: none; }

Or you can hide it if you doen't want the section position to move up.

/*Remove Section Title Header and Edit menu*/
#homeTab div.section0 div.sectionTitleContainer.sectionTitleContainer-cards {visibility: hidden; }

 

Hi,

Your CSS code worked perfectly, excluding the text and the three points.

 

That's what I intended, to have the cleanest screen.

 

Thank you so much for this.

Link to post
Share on other sites
Happy2Play

Hi,

Now I have a new idea for the login screen.

 

Is it possible to use CSS to have rotating images on the login screen ? 

 

 imagine 5 images alternating with the effect next to this page:

 

https://cominca-stays.com/

 

Pretty sure only a script can rotate images.

Link to post
Share on other sites
Happy2Play

A css transform can rotate content.

 

As I understand transform just manipulates a single image/content.  Item Background image urls are rotated in a script, correct?  (Looks the the backdrop.js)

Link to post
Share on other sites
  • 4 months later...
CarlosLima

Hello everyone,
I've updated the emby server now and this CSS code no longer works.
Whichever number I use, the images remain the same size.
Can anyone help with this?
Thank you

 

/* CSS#6 - My Media Image Size */
#homeTab .smallBackdropCard {
    width: 9.09;}

Link to post
Share on other sites

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...