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
Short Description
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
390
Première publication
Dernière mise à jour
Évaluations 0.00 étoile(s) 0 évaluations
Link was Broken? Please Send Message to NP Team with direct message, You will get it very quickly!
Support Developer If you are satisfied with your test or project have earn money successfully, Maybe you can click more information button to support with buying.

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