Notice: The devs are no longer actively involved in the forum, so any bug reports regarding the Stylish extension or this website should be sent to them directly at contact@userstyles.org.
Changing your Avatar.
The only way to currently change a forum avatar is through Gravatar.com. The email address used for your Userstyles.org account must be one of the email addresses that is registered to your Gravatar account.

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.