Support Custom CSS is not displayed on the index.php

Compatible XF Versions
2.2.13

NeXoLiiNe

Registered
Hello, I haven't used Xenforo for a long time and am currently stuck.

I have everything set up so far, the only thing that still bothers me is that e.g. my Username CSS is only displayed in my profile, thread and visitor container.

I also can't figure out what I need to change to apply this globally regardless of the user group/user
I hope you can help me with this :):

Best regards
 
Solution
and add this code /// extra.less

Go to >>> Appearance - Styles >>> you theme search extra.less

add this code after results

CSS:
/* Set the background color of body to tan */

.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%}}...

wikislo

Registered
and add this code /// extra.less

Go to >>> Appearance - Styles >>> you theme search extra.less

add this code after results

CSS:
/* Set the background color of body to tan */

.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%}}


/* Set the background color of body to tan */

see my site for more info
 

Attachments

  • Screenshot 2024.png
    Screenshot 2024.png
    17 KB · Views: 12
  • Board - Admin control panel.png
    Board - Admin control panel.png
    60.9 KB · Views: 13
  • demo.png
    demo.png
    74.9 KB · Views: 12
Solution
Back
Top Bottom