Jump to content

Help with css


igeoorge

Recommended Posts

igeoorge
Hi guys
 
I migrated to version 4.4.2.0 and I'm loving the news.
 
Unfortunately some css codes broke.
 
Could you help me keep the cast and crew round?
 
I used this code:
 
/* ---- Ator/Elenco Redondos ----*/
#castContent .card.portraitCard.personCard.card-hoverable.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.portraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .card.overflowPortraitCard.personCard.card-nofocustransform.card-withuserdata {
   width: 3.7cm;
   font-size: 80% !important;
}
#castContent .cardContent-button.cardImageContainer.coveredImage.cardContent.cardContent-shadow.itemAction.lazy, #castContent .defaultCardBackground {
   background-size: cover !important;
   border-radius: 1.7cm;
}
#castContent .cardScalable {
   width: 3.1cm !important;
   height: 3.1cm !important;
   border-radius: 1.7cm;
}
#castContent .cardOverlayContainer.itemAction {
   border-radius: 1.7cm;
}
#castContent .cardOverlayButton-br {
   bottom: 4%;
   right: 15%;
   width: 70%;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light {
   width: 50%;
   vertical-align: middle;
}
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.emby-button {
   width: 50%;
   vertical-align: middle;
}
 

 

Link to comment
Share on other sites

igeoorge

 

I tried the code:

 


card.overflowPortraitCard.personCard {

  border: 2px solid  #3333cc;

  border-radius: 50%;

  overflow: hidden;

  z-index:5;

  background-position: center;

  background-color: transparent;

  width: 100px;

  height: 100px;

}

 


 

and I was not successful. Something is missing?

Link to comment
Share on other sites

Happy2Play

 

 
I tried the code:
 
card.overflowPortraitCard.personCard {
  border: 2px solid  #3333cc;
  border-radius: 50%;
  overflow: hidden;
  z-index:5;
  background-position: center;
  background-color: transparent;
  width: 100px;
  height: 100px;
}
 
 
and I was not successful. Something is missing?

 

 

Since that element no longer exists did you change it to what appears in the other topic?  either "div.peopleSection .cardBox" or "div.peopleSection .cardPadder-portrait", depending on the method used.

Link to comment
Share on other sites

igeoorge
Wonderful. Thank you very much. It worked.
 

Is there any code to change the opening image? The image that loads as soon as we open the emby

 

Could you help me remove:

 

5e94f842c4eac_1.png

Link to comment
Share on other sites

Happy2Play

 

Wonderful. Thank you very much. It worked.
 

Is there any code to change the opening image? The image that loads as soon as we open the emby

 

Could you help me remove:

 

5e94f842c4eac_1.png

 

Sorry I don't know what that is.  What does that translate to?

 

Is that Multi-Select?

Edited by Happy2Play
Link to comment
Share on other sites

Happy2Play

This box is displayed when we mark an item

 

Sorry for not explaining it properly.

 

Add !important to previous code as the default code is important now.  That is the only way to override Luke's code.

https://emby.media/community/index.php?/topic/72672-remove-items-from-the-new-update/?hl=multiselect&do=findComment&comment=731665

Link to comment
Share on other sites

igeoorge

I would not like to remove everything, I would like to remove only the item inside the red box. It is possible?

Link to comment
Share on other sites

Happy2Play

I would not like to remove everything, I would like to remove only the item inside the red box. It is possible?

 

Okay is that "Add to Playlist"?

Link to comment
Share on other sites

Happy2Play

This, I would like to remove "add playlist" from all locations.

 

Okay

 

remove from multi-select dialog

button[data-id="playlist"] {display: none;}

this will remove from Item dialog if needed

button[data-id="addtoplaylist"] {display: none;}
Link to comment
Share on other sites

igeoorge

This worked very well, thank you very much.

 

I had problems with 3 other codes, but I'm ashamed to ask. I believe that I am asking too much of you.

Link to comment
Share on other sites

Happy2Play

This worked very well, thank you very much.

 

I had problems with 3 other codes, but I'm ashamed to ask. I believe that I am asking too much of you.

Just ask either I will answer or someone else will. :)

Link to comment
Share on other sites

igeoorge

Well, I put the description on the images to help you understand.

 

1.

 

5e950378d3a03_2.png

 

 

2. 

5e95038de745d_03.png

 

 

3. The third is to remove all media information and do not leave empty spaces

5e9503bcbc376_removerenodeixarespaos.png

Link to comment
Share on other sites

Happy2Play

Well, I put the description on the images to help you understand.

 

1.

 

5e950378d3a03_2.png

 

 

2. 

5e95038de745d_03.png

 

 

3. The third is to remove all media information and do not leave empty spaces

5e9503bcbc376_removerenodeixarespaos.png

 

1.

div.dynamicRoutes a[title="Display"], div.dynamicRoutes a[title="Home Screen"] {display: none !important;}

2.

div.selectVideoContainer, div.selectAudioContainer {display: none;}

3.

div.audioVideoMediaInfo {display: none;}
Link to comment
Share on other sites

igeoorge

My God, this looks like magic! The second and third work very well. Unfortunately the first one didn't work

Link to comment
Share on other sites

igeoorge

I would like to remove what is inside the red square.

 

What's inside the green, please keep it.

 

 

5e95097f2a968_Semttulo.png

Link to comment
Share on other sites

Happy2Play

My God, this looks like magic! The second and third work very well. Unfortunately the first one didn't work

 

 

I would like to remove what is inside the red square.

 

What's inside the green, please keep it.

 

 

5e95097f2a968_Semttulo.png

Will have to work on hiding "Emby Web" but this is what I get with the code above (1)

 

5e950c7103199_user.jpg

Link to comment
Share on other sites

Happy2Play

For "Media Web" you have two choices, maintain spacing with hidden or remove entire header.

div.dynamicRoutes h3:nth-child(9) {visibility: hidden;}

or

div.dynamicRoutes h3:nth-child(9) {display: none;}

You can try this for 1.

div.dynamicRoutes a:nth-child(-n+3) {display: none !important;}
Link to comment
Share on other sites

Happy2Play

Hi @@Happy2Play

 

Thank you!

 

Could you help me remove this part too?

 

5e95d3a70c50b_Semttulo.png

div.mainDrawer-docked a:nth-child(-n+3) {display: none !important;}

or

div.mainDrawer-docked a[title="Display"], div.mainDrawer-docked a[title="Home Screen"] {display: none !important;}

Hide or remove

div.mainDrawer-docked h3:nth-child(8) {visibility: hidden;}

or

div.mainDrawer-docked h3:nth-child(8) {display: none;}
  • Like 1
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...