Jump to content

Cover art transparency issue


Sentinel

Recommended Posts

Sentinel

Hi,

 

First off, been using Emby from media browser 1 on wards and upwards.

Fantastic bit of kit and just gets better and better ;)

 

I use Covert art plug in and it is a great plug to enhance your experience in Emby.

 

I use a slight tilt on the covers.

Config says 

 
                <ImageSetDef>
                  <ImageSetName>ThickCase</ImageSetName>
                  <Rotation>1</Rotation>
                </ImageSetDef>
 
It works great, but i use the black theme in all apps and have noticed that there is a part of the emby frame that the cover goes in that is not transparent.
The larger the tilt, the more visible it is.
 
Not sure if this is a cover art or emby issue.
 

 

 

5e77775919afe_Sample.jpg

 

Is there a setting in the config i can change for this or is it in the conversion to add the tilt to the images or the way Emby draws them?

 

Thanks

 

 

Link to comment
Share on other sites

Sentinel

Hi ebr,

 

Thanks you for the fast response.

 

guess shall put up with it, or make the images flat with no tilt.:)

 

 

Cheers

Link to comment
Share on other sites

rechigo

Hey! I wrote some CSS a while ago that takes care of this

 

/*Makes the card look a bit better when hovering over it, you don't need this one*/

.cardOverlayContainer.itemAction {

border-radius: 4px;

background: rgba(20,20,20,0.6) !important;

}

 

/*Removes card background*/

.itemAction.cardContent-button.cardContent.cardImageContainer.cardContent-shadow.coveredImage {

-webkit-box-shadow: none !important;

box-shadow: none !important;

background-color: transparent !important;

}

 

Sent from my SM-G973U using Tapatalk

  • Like 1
Link to comment
Share on other sites

Sentinel

Hi rechigo

 

What file do i need to replace the code in with your above code?

 

Shall give it a go.

 

Thanks

Link to comment
Share on other sites

Sentinel

Hi rechigo,

 

Not to worry, Found it.

 

Added into the custom CSS in emby's settings page.

 

Works a charm on web pages but not in Emby Theater, guess that uses the application to draw it all and not the css code.

 

 

Thank you

Link to comment
Share on other sites

  • 2 years later...
caffeineshock
On 3/22/2020 at 6:33 PM, rechigo said:

Hey! I wrote some CSS a while ago that takes care of this

 

/*Makes the card look a bit better when hovering over it, you don't need this one*/

.cardOverlayContainer.itemAction {

border-radius: 4px;

background: rgba(20,20,20,0.6) !important;

}

 

/*Removes card background*/

.itemAction.cardContent-button.cardContent.cardImageContainer.cardContent-shadow.coveredImage {

-webkit-box-shadow: none !important;

box-shadow: none !important;

background-color: transparent !important;

}

 

Sent from my SM-G973U using Tapatalk

damn, thanks!

now i need the same for the (android (tv)) app

Edited by caffeineshock
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...