How do I change the color of my user multicolored? I already have my username changed to one color, but I just saw a picture of somebody who has like the bottom of it white but the top red. How do they do that?
How do I change the color of my user multicolored? I already have my username changed to one color, but I just saw a picture of somebody who has like the bottom of it white but the top red. How do they do that?
They are probably using linear-gradient to make the vertical colour shift.
Example code:
a[href$="Aielloboy1216"] {
background-image: linear-gradient(to bottom, red, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
You can copy this snippet into your wiki's Common CSS and see any username links that goes into your page be coloured with a red-white gradient
I would suggest using -webkit-linear-gradient(top, red, white) instead just to make sure you don't misapply the background image for browsers that don't support the other two required CSS properties.
@Andrewds1021 can you give me the exact code? I don’t really create many wikis so I don’t know how to code that good
a[href$="Aielloboy1216"] {
background-image: -webkit-linear-gradient(top, red, white);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Sorry for being here again, but one of my friends wants their username like this code here:
.stacked-linear { background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%); }
But I don’t know exactly how to convert it to a username. Do you know how, since you seem to know all of this, if it’s even possible?
Just do this:
a[href$=":USERNAME_HERE"],
a[href$=":USERNAME%20HERE"] (<-- optional if spaces included) {
linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);
}
Change :USERNAME_HERE with the user's username, and if the user have spaces on their name, create a comma-separated selector list with spaces replaced with _ and %20 each
It’s saying that the { is unexpected
What do you think?