Notice: To Install styles, click the "Show Css Code" button first. The install button will work after that.
The devs are no longer actively involved in the forum, so any bug reports regarding the extension or website should be sent to them directly at contact@userstyles.org.

twitch.tv player annoying bottom shadow

I can change the colour of the player from chrome in Inspect but I can't seem to write it properly in stylish for it to work.

.pl-controls-bottom {
linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%,transparent);

Element in inspect:
CSS: https://static.twitchcdn.net/assets/twitch-player-ui-aeb97dde7aeae3ab5741.css
Element:
twitch-player-u…3ab5741.css:10
.pl-controls-bottom {
background: linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.35) 60%,transparent);

bottom: 0;
display: flex;
left: 0;
padding: 4em 0 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 3;
}

I want to get rid of that annoying shadow at the bottom.
I already got rid of the one on top.

My test attempt:
.pl-controls-bottom {
background: yellow;
bottom: 0;
display: flex;
left: 0;
padding: 4em 0 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 3;

It does nothing.

Comments

  • Better use stylus

    For me this works
    @-moz-document domain("twitch.tv") {

    .pl-controls-top,
    .pl-controls-bottom {
    background: rgba(0, 0, 0, 0);
    }

    }

Sign In or Register to comment.