Help with css

[igeoorge 26]

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;

}

 

 

[Happy2Play 9446]

Did you see this topic?

 

https://emby.media/community/index.php?/topic/71640-cast-and-images-of-the-circular-team/?p=862896

[igeoorge 26]

Hi @@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?

[Happy2Play 9446]

 

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

[igeoorge 26]

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:

 

[Happy2Play 9446]

 

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:

 

 

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

 

Is that Multi-Select?

Edited April 13, 2020 by Happy2Play

[igeoorge 26]

This box is displayed when we mark an item

 

Sorry for not explaining it properly.

[Happy2Play 9446]

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

[igeoorge 26]

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

[Happy2Play 9446]

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"?

[igeoorge 26]

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

[Happy2Play 9446]

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

[igeoorge 26]

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.

[Happy2Play 9446]

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.

[igeoorge 26]

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

 

1.

 

 

 

2. 

 

 

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

[Happy2Play 9446]

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

 

1.

 

 

 

2. 

 

 

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

 

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

[igeoorge 26]

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

[igeoorge 26]

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

 

What's inside the green, please keep it.

 

 

[Happy2Play 9446]

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.

 

 

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

 

[Happy2Play 9446]

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

[igeoorge 26]

Hi @@Happy2Play

 

Thank you!

 

Could you help me remove this part too?

 

[Happy2Play 9446]

Hi @@Happy2Play

 

Thank you!

 

Could you help me remove this part too?

 

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

[igeoorge 26]

Amazing. Thank you!