XF 2.0 Change Resource Manager to PNG default

TPerry

Well-known member
OK, I've just upgrade to the latest 2.0.x version of XF and also have upgraded the RM as well.
Have been trying to get rid of the gear icon and set a default PNG as my default to better fit into the style.
I know it's going to end up being something simple, but I spent most of last night trying to figure it out.
 
but it didnt work.
I gave up on using a PNG for it as I found a suitable FA icon to use.
If wanting to just use a Font Awesome and re-assign the one globally, I did mine in EXTRA.less and used this
Code:
.avatar.avatar--resourceIconDefault>span:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f762";
}
which results in this for me

Screen Shot 2020-06-21 at 11.56.51 PM.png

You could probably mess with the .avatar.avatar--resourceIconDefault>span:before and take out all the FA related stuff and have it display a graphic file using something like (this is just a starting point and probably have to be tweaked using some parameters for image display size, etc.)
Code:
.avatar.avatar--resourceIconDefault>span:before {
background-image: url('path\to\yourimage.png') !important;
background-repeat: no-repeat;
background-position: center;
}
 
Last edited:
Top Bottom