Customize default Resource Manager icon

Customize default Resource Manager icon 1.0

Keine Berechtigung zum Herunterladen
XF-Kompatibilität
  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

Autor
roothacker
Ansichten
390
Erste Veröffentlichung
Letzte Aktualisierung
Bewertungen 0.00 Sterne 0 Bewertungen
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.

Ähnliche Ressourcen

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