XF 2.3 How do I add a solid star font awesome icon to the user (usergroup) banner?

Stuart Wright

Well-known member
Licensed customer
I'm using this
Code:
    &.userBanner--avfpatron2 {
        .m-userBannerVariation(white, #9d2362);
        a {
            color: #fff;
        }
         &:before {
            content: '';
            display: inline-block;
            width: 1em;
            height: 1em;
            margin-right: 4px;
            vertical-align: -0.125em;
            background-color: currentColor; // icon colour follows text colour
            -webkit-mask: url('@{xf-publicPath}/styles/avf/patreon.svg') no-repeat 50% 50%;
            mask: url('@{xf-publicPath}/styles/avf/patreon.svg') no-repeat 50% 50%;
            -webkit-mask-size: contain;
            mask-size: contain;
          }
        &:after {
            .m-faBase(@faWeight-solid);
            .m-faContent(@fa-var-star);
            padding-left: 4px;
        }
    }
But
.m-faBase(@faWeight-solid);
doesn't do anything and I'm getting an outlined star rather than a solid one. How do I get a solid one, please?
Thanks
 
Can't you use something like @fa-var-solid-star now?

I'm not able to test it right now but this should work:

CSS:
&:after {
    .m-faContent(@fa-var-solid-star);
    padding-left: 4px;
}
 
Last edited:
Back
Top Bottom