Reply 620 of 743, by cyclone3d
- Rank
- l33t++
Well.. if it is transparent, then the only way to make it look right on this forum without an actual fix or without using Stylus is to make it not transparent... And then if the background on the forum is changed and the user wants it to have the same background as the forum, they have to edit it again.
That is over-complicating things for the users and is bad practice.. plain and simple.
As for a ONE LINE CHANGE to the CSS that doesn't totally screw up transparent avatars is to change:
@media screen and (min-width: 0)
.post_user .avatar {
display: block;
filter: drop-shadow(-.1875rem .1875rem 0 #446);
}
To this:
@media screen and (min-width: 0)
.post_user .avatar {
display: block;
filter: drop-shadow(-.1875rem .1875rem 6px #446);
}
That still gives you a drop shadow, but it is blurred and doesn't screw up transparent avatars.
You can also override the setting on the forum by adding this to Stylus:
.post_user .avatar {
filter: drop-shadow(-.1875rem .1875rem 6px #446);
}
This is for the classic theme.
The third parameter is the blur amount. With the current setting on the forum, it doesn't blur at all which is what makes the hard lines and makes the transparent avatars look really bad.