Jump to content

css for menu movies


Ren888

Recommended Posts

Happy2Play

Hello

Would it be possible for someone to give me the css to modify the menu in movies (see attached image, I would like the words to be capitalized and larger.) Thank you.

 

http://prntscr.com/lvgmf6

 

Only Movies headers or all page headers?

 

Actually there will be some limitations as this falls in Body instead of Page.

 

 

Something like this

/*Transform header tabs to Large and Uppercase*/
div.headerTabs.sectionTabs button.emby-tab-button {text-transform: uppercase; font-size: large; }
Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

Oh thx  it s perfect :)

 

Edit : I love uppercase lol, is it possible to have all the titles of movies under the poster or other images in upper case? but without changing the size?

please .

Edited by Ren888
Link to comment
Share on other sites

Happy2Play

Oh thx  it s perfect :)

 

Edit : I love uppercase lol, is it possible to have all the titles of movies under the poster or other images in upper case? but without changing the size?

please .

 

Like this

/*Uppercase CardText*/
div.cardText {text-transform: uppercase;}
  • Like 1
Link to comment
Share on other sites

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/master/GREEN/theme.css');/*Transform header tabs to Large and Uppercase*/
div.headerTabs.sectionTabs button.emby-tab-button {text-transform: uppercase; font-size: small; };
/*Uppercase CardText*/
div.cardText {text-transform: uppercase;}

Here is my css, but it does not work the last modification

 

uppercase for here : http://prntscr.com/lvmghr and http://prntscr.com/lvmgsb

Edited by Ren888
Link to comment
Share on other sites

Happy2Play

 

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/master/GREEN/theme.css');/*Transform header tabs to Large and Uppercase*/
div.headerTabs.sectionTabs button.emby-tab-button {text-transform: uppercase; font-size: small; };
/*Uppercase CardText*/
div.cardText {text-transform: uppercase;}
Here is my css, but it does not work the last modification

 

uppercase for here : http://prntscr.com/lvmghr and http://prntscr.com/lvmgsb

 

 

Remove the ; outside the }

@import url('https://rawgit.com/BenZuser/Emby-Web-Dark-Themes-CSS/master/GREEN/theme.css');

/*Transform header tabs to Large and Uppercase*/
div.headerTabs.sectionTabs button.emby-tab-button {text-transform: uppercase; font-size: small; }

/*Uppercase CardText*/
div.cardText, .textActionButton {text-transform: uppercase;}
Added ".textActionButton" to cover Series titles in Next Up row. Edited by Happy2Play
  • Like 1
Link to comment
Share on other sites

Happy2Play

Hello @@Happy2Play Do you know how I can do in the css to hide the names of the folder categories as on the image here?

thx :)

 

 

http://prntscr.com/lvycf9

 

Do you mean all of them?  This assume My Media is at the top.

/*Hide Home Screen Section0 card labels*/
#homeTab div.section0 div.cardText.cardTextCentered {display: none; }

​Or just the ones identified?

/*Hide Home Screen Section0 card labels*/
#homeTab [data-collectiontype="boxsets"] .cardTextCentered {display: none;}
#homeTab [data-collectiontype="movies"] .cardTextCentered {display: none;}
#homeTab [data-collectiontype="tvshows"] .cardTextCentered {display: none;}
Edited by Happy2Play
  • Like 2
Link to comment
Share on other sites

Happy2Play

but you are extraordinary and amazing. But how do you know all this. I admire you . thank you so much

 

I use the browser dev console (F12) to inspect the element I wish to modify.

 

How did you make your Library Images?

Link to comment
Share on other sites

Guest asrequested

wth photoshop

 

5c18d3636ef0d_collectionjpg.jpg

 

 

5c18d37c56e10_moviesjpg.jpg

 

5c18d39c97ba3_Tvshowsjpg.jpg

 

These are great! Would it be possible to make requests? :)

Edited by Doofus
Link to comment
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...