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
Kurzbeschreibung
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

Autor
roothacker
Ansichten
434
Erste Veröffentlichung
Letzte Aktualisierung
Bewertungen 0.00 Sterne 0 Bewertungen
Link defekt? Nachricht senden an das NP-Team – wir helfen dir schnell!
Unterstütze den Entwickler Wenn du mit dem Test zufrieden bist oder mit deinem Projekt erfolgreich Geld verdient hast, klicke auf den Button Mehr Informationen, um den Entwickler durch einen Kauf zu unterstützen.

Weitere Ressourcen von roothacker

IPS Gemeinschaftssuite roothacker
IPS IPS Gemeinschaftssuite 5.0.17 Nulled
IPS Gemeinschaftssuite Nulled
Ansichten
1,854
Aktualisiert
[DigitalPoint] Better Google Analytics roothacker
[DigitalPoint] Better Google Analytics 1.0.0.1
Ansichten
648
Aktualisiert
Erahost WHMCS Theme roothacker
Erahost WHMCS Theme 22 March 2022
Ansichten
1,399
Aktualisiert

Ähnliche Ressourcen

[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?
Oben