tomnjerry74 93 Posted December 15, 2020 Share Posted December 15, 2020 (edited) Hello, I must have some css somewhere in my long list that removes the backdrops when browsing music artists, albums, songs, etc. The problem is, the gradient overlay is still present and I can't figure out what element it is for the life of me . I just want the background to be plain; the same value I have for the --theme-background variable. Does anyone know how to get rid of the overlays/gradients? Edit: The rule I currently have sets ".backdropImage" display to none. Edited December 15, 2020 by tomnjerry74 Link to comment Share on other sites More sharing options...
Happy2Play 8281 Posted December 15, 2020 Share Posted December 15, 2020 You mean the item CSS overriding theme CSS do to "!important"? Link to comment Share on other sites More sharing options...
tomnjerry74 93 Posted December 15, 2020 Author Share Posted December 15, 2020 19 minutes ago, Happy2Play said: You mean the item CSS overriding theme CSS do to "!important"? Okay, yeah that's the one. Thank you. My custom css isn't overriding it, even with !important tags . .itemBackgroundContainer.withBackdrop { Â Â Â background:none!important } Â Link to comment Share on other sites More sharing options...
Solution Happy2Play 8281 Posted December 15, 2020 Solution Share Posted December 15, 2020 If you look at your console you will see the order as that custom css is still below the item css. It is not important enough to override existing code so adding div changes the targeting a little.  div.itemBackgroundContainer.withBackdrop { background: none!important; }  1 Link to comment Share on other sites More sharing options...
tomnjerry74 93 Posted December 15, 2020 Author Share Posted December 15, 2020 1 minute ago, Happy2Play said: If you look at your console you will see the order as that custom css is still below the item css. It is not important enough to override existing code so adding div changes the targeting a little.  div.itemBackgroundContainer.withBackdrop { background: none!important; }  Wow, you never cease to amaze.. Thank you for both the working code and the lesson! Neat trick! Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now