Creating custom User banner styling

[Deleted member 184953]

Btw, adding the above code totally broke the header area of my site.

Replace your code with this one, as the Font Awesome syntax has changed since this resource was released.

.userBanner.userBanner--skyBlue {
    &:before {
        .m-faIcon(@fa-var-solid-house);
        padding-right: 4px;
    }
}

 

[zzlpolitics]

Replace your code with this one, as the Font Awesome syntax has changed since this resource was released.

.userBanner.userBanner--skyBlue {
    &:before {
        .m-faIcon(@fa-var-solid-house);
        padding-right: 4px;
    }
}

Thank you as always!

 

[welington]

XF xf 2.3.4
called OK...colors yes
but fontawesome icon didn't work
I wanted to put banner - fontawesome

 

[welington]

Replace your code with this one, as the Font Awesome syntax has changed since this resource was released.

.userBanner.userBanner--skyBlue {
    &:before {
        .m-faIcon(@fa-var-solid-house);
        padding-right: 4px;
    }
}

Solved my forum X 2.3
thanks

 

[philmckrackon]

Solved my forum X 2.3
thanks

Solved, how? We would like to know

 

[welington]

Solved, how? We would like to know

 

[beerForo]

You can still enter the html in the banner text box too, like this:

XF 2.3 Post in thread 'Fontawesome in group banner stopped working in 2.3'

Nov 27, 2024

Solution by @Jeremy P:

• beerForo

• 

 

[welington]

this old one broke my code XF2.2 OK / 2.3 ERROR

.userBnner.userBnner--administrador
{
&:before {
.m-faBase();
.m-faContent(@fa-var-star);
padding-right: 2px;
}
}

 

[Alvin63]

How would you add two stars to a user banner? I used the code to add one but would like to add two.

 

[QuackieMackie]

How would you add two stars to a user banner? I used the code to add one but would like to add two.

This was playing on my mind and I just saw an answer from a staff member and thought of this. I believe that will do exactly what your looking for.

XF 2.3 Thread 'Using FontAwesome icons in user banners'

Tuesday at 10:21 PM

Whew, okay I know I probably missed the answer somewhere myself - so forgive me in advance! I just updated to XF 2.3.3.0 (yes still a little bit behind, but catching up!) and I noticed the font awesome icons we use for our banners and title text no longer work.

So this is what used to work:



I have looked around, read a bunch of different ways to do it (and tried, but it has not worked) but nothing has talked about how to put it in this kind of context in user groups for example.

Any help is appreciated - thank you!

• Chernabog
• Replies: 2
• Forum: Styling and customization questions

 

[Alvin63]

This was playing on my mind and I just saw an answer from a staff member and thought of this. I believe that will do exactly what your looking for.

XF 2.3 Thread 'Using FontAwesome icons in user banners'

Tuesday at 10:21 PM

Whew, okay I know I probably missed the answer somewhere myself - so forgive me in advance! I just updated to XF 2.3.3.0 (yes still a little bit behind, but catching up!) and I noticed the font awesome icons we use for our banners and title text no longer work.

So this is what used to work:



I have looked around, read a bunch of different ways to do it (and tried, but it has not worked) but nothing has talked about how to put it in this kind of context in user groups for example.

Any help is appreciated - thank you!

• Chernabog
• Replies: 2
• Forum: Styling and customization questions

Thanks - that's really helpful