Forum:Custom username colors

On my UCP Wiki, I tried to change my username color by customizing the CSS, I think I did everything correct, but my username colors were never changed. I cleared the cache, but still nothing happened. What code do I have to put in my CSS to change my username colors?

The Page Maker 00:07, December 8, 2020 (UTC time)


 * I will show you what it would be like for a wiki I used to moderate and you can just remove what I put and put your wikis url and your username and the color you want.


 * a[href$="/wiki/User:Palmboi"]:not(.extiw):not(.external),

a[href$="/wiki/Message_Wall:Palmboi"]:not(.extiw):not(.external), a[href$="/wiki/User_blog:Palmboi"]:not(.extiw):not(.external), a[href$="/wiki/Special:Contributions/Palmboi"]:not(.extiw):not(.external), a[href="/wiki/User:Palmboi"], a[href="http://bignate.wikia.com/wiki/User:Palmboi"], a[href="/wiki/Message_Wall:Palmboi"], a[href="http://bignate.wikia.com/wiki/Message_Wall:Palmboi"], a[href="/wiki/User_blog:Palmboi"], a[href="http://bignate.wikia.com/wiki/User_blog:Palmboi"], a[href="/wiki/Special:Contributions/Palmboi"], a[href="http://bignate.wikia.com/wiki/Special:Contributions/Palmboi"], a[href="/wiki/Special:Editcount/Palmboi"], a[href="http://bignate.wikia.com/wiki/Special:Editcount/Palmboi"] { color: #0090FF !important; font-weight: bold !important; }


 * I hope this helped!


 * Palm boi 00:50, December 8, 2020 (UTC)
 * It worked!
 * So, what is the code for gradient colors?
 * a[href$=":The Page Maker"],a[href$="/The Page Maker"] {
 * background: linear-gradient(to-DIRECTION, Colour, Colour, e.t.c.);
 * -webkit-background-clip: text;
 * color: transparent !important;
 * }
 * DIRECTION is "left", "top", "right", or "bottom" and Colour just refers to a colour code.
 * when you use -webkit-background-clip: text, don't use color: transparent, as it will make the text invisible for browsers that don't support webkit. Instead, use -webkit-text-fill-color: transparent which has the same effect but will apply only in those browsers that support the background clip in the first place.
 * when you use -webkit-background-clip: text, don't use color: transparent, as it will make the text invisible for browsers that don't support webkit. Instead, use -webkit-text-fill-color: transparent which has the same effect but will apply only in those browsers that support the background clip in the first place.
 * when you use -webkit-background-clip: text, don't use color: transparent, as it will make the text invisible for browsers that don't support webkit. Instead, use -webkit-text-fill-color: transparent which has the same effect but will apply only in those browsers that support the background clip in the first place.

 a[href$=":The Page Maker"],a[href$="/The Page Maker"] { background: linear-gradient(to-DIRECTION, Colour, Colour, e.t.c.); -webkit-background-clip: text; -webkit-text-fill-color: transparent !important; }
 * This is the fixed code, with the same insturctions as IAmGonnaDie gave you.
 * Nam 06:55, December 24, 2020 (UTC)


 * Please give a link to the wiki you are on if you want someone to take a look.
 * The code above will work if there is no other problem, but it can be very simpler.
 * Also please stop posting or editing on old forum pages.
 * Nam 18:59, December 9, 2020 (UTC)

I would want to apply the same thing to the Earn To Die Wiki once there are a considerably high amount of members.

🤘🏻🪁Little Miss Livie(talk)👧🏻⚽🥅 13:22, December 21, 2020 (UTC)