Here is my Rainbow Username code. Feel free to use it
Go to Custom CSS and add:
.rainbow{
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #FF3D3D), color-stop(0.15, #FF5C5C), color-stop(0.3, #FFB05C), color-stop(0.45, #FFD105), color-stop(0.6, #71FF05),color-stop(0.75, #5CC9FF), color-stop(0.9, #8A5CFF), color-stop(1, #FF5CE9) );
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: bold;
}
Then go to the group you want and add this to the formatting:
<span class="rainbow";> </span>
Save and you're done.
XenForo Users:
you can just take the css code and paste it without the class name and brackets to your group's CSS Styling
background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #FF3D3D), color-stop(0.15, #FF5C5C), color-stop(0.3, #FFB05C), color-stop(0.45, #FFD105), color-stop(0.6, #71FF05),color-stop(0.75, #5CC9FF), color-stop(0.9, #8A5CFF), color-stop(1, #FF5CE9) );
color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: bold;