XF 2.2 Color banner

[Binkaddas]

Good Day Support,

1- kindly note that if i change the option in user profile as below that mean user will get banner for ( administrative staff )


2- if i use the below code ( user will get color in the banner

.userBanner--staff    {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD, #CC6600, #CF4D35, #E0EEEE)!important; background-size: 1200% 1200%!important; -webkit-animation: trgamers 15s ease infinite!important; -moz-animation: trgamers 15s ease infinite!important; -o-animation: trgamers 15s ease infinite!important; animation: trgamers 15s ease infinite!important;}
@-webkit-keyframes trgamers {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-moz-keyframes trgamers     {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@-o-keyframes trgamers        {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}
@keyframes trgamers         {0% {background-position: 0% 50%}50% {background-position: 100% 50%}100% {background-position: 0% 50%}}

3- now the question

how can i update this code to be used for the registration user to change the user title to be same format?

 

[Binkaddas]

any update

 

[dave3]

As you can see, your css code is dedicated for staff banner

.userBanner--staff

just duplicate the whole code and change --staff to --hidden because this is a parameter used for default banner.

 

[Binkaddas]

really i did not get it,

where you want me to copy the code and change what?

 

[Suzanne O]

really i did not get it,

where you want me to copy the code and change what?

There should be a set of pre coloured ones in usergroups with the opportunity of usung your own css values. Look under registered users in usergroups in admincp

 

[dave3]

In the same place you put it for your forum's staff.

 

[Binkaddas]

if you mean here dose not change anything

 

[Paul B]

You need to add the custom styling to the extra.less template, or you can use this guide.

Creating custom User banner styling

By default, XF comes with the following user banner styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix...

xenforo.com

 

[Binkaddas]

Thank you all for your kind support