Customize default Resource Manager icon

Customize default Resource Manager icon 1.0

Vous n'avez pas l'autorisation de télécharger
Compatibilité XF
  1. 2.2.x
  2. 2.3.x
Description courte
Customize default Resource Manager icon
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

Auteur
roothacker
Vues
391
Première publication
Dernière mise à jour
Évaluations 0.00 étoile(s) 0 évaluations
Link was Broken? Please 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.

Ressources similaires

[cXF] Change default FA node icon A
Would you like to change your default Font Awesome node icons like this?
[cXF] Icons in sidenav on Account page A
Would you like to have icons in sidenav on Account page like this?
Haut