Custom CSS with Emby Web App

[phi303 14]

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!

[Guest]

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

 

Edited April 4, 2018 by CarlosLima

[Happy2Play 9441]

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

 

 

Something like this?

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

Edited April 4, 2018 by Happy2Play

[Guest]

 

Something like this?

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

 

Bingo. Very grateful for that.

[ageborn 0]

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.

[Happy2Play 9441]

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

[Guest]

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.

 

Edited May 3, 2018 by CarlosLima

[Guest]

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

 

Example:

#homeTab [data-id = "165db2549e77c71dacef0e83a95cc5de"] {display: none}

Edited May 3, 2018 by CarlosLima

[Happy2Play 9441]

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.

 

 

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 May 3, 2018 by Happy2Play

[Happy2Play 9441]

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 May 3, 2018 by Happy2Play

[Guest]

Solved, Tks very much.

[Luke 40079]

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

[wop 0]

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 

[Happy2Play 9441]

 

 

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 May 20, 2018 by Happy2Play

[treason 11]

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?

[Diedrich 370]

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.

[Guest]

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.

 

[Happy2Play 9441]

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.

 

 

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 December 7, 2018 by Happy2Play

[Guest]

 

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.

[Guest]

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/

[Happy2Play 9441]

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.

[Luke 40079]

A css transform can rotate content.

[Happy2Play 9441]

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)

[Luke 40079]

Correct, you'd have to rotate the whole element that has the background applied.

[Guest]

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;}