Customize default Resource Manager icon 1.0

Name: Customize default Resource Manager icon
Availability: InStock
Author: roothacker

Compatibilité XF

2.2.x
2.3.x

Description courte: Customize your Resource Manager icon with style using extra.less. Change the bland default to vibrant colors and a custom Font Awesome logo. Easy steps included in this guide.

Change default Resource Manager icon
_____________________________________________

I find the original icon a bit "bland", here's how to customize it 😉

In extra.less template, add this:

CSS:

.avatar.avatar--resourceIconDefault {
    color: #9ac4e3 !important;
    background: #eff7fd !important;
    border: 1px solid #b7dbf5;
}
.avatar.avatar--resourceIconDefault > span:before {
content: "\e003";
}

We decrypt the code:
color: #68abdb !important; -> The color of the logo (FA)
background: #eff7fd !important; -> The background color
border: 1px solid #b7dbf5; -> The border color
content: "\e003"; -> The Font Awesome logo

The "Font Awresome" icons can be found here:
https://fontawesome.com/

Auteur: roothacker

Vues: 458

Première publication: Mai 22, 2022

Dernière mise à jour: Mai 22, 2022

Évaluations 0.00 étoile(s) 0 évaluations

Rejoindre le fil de discussion Plus d'informations

Lien cassé ? Envoyer un message à l’équipe NP et nous vous aiderons rapidement !

Soutenez le développeur Si vous êtes satisfait du test ou que votre projet vous a rapporté de l’argent, cliquez sur le bouton « Plus d’informations » pour soutenir le développeur en achetant.

Partager cette ressource