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.
.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
For me this works