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;
}
}