Customize default Resource Manager icon

Customize default Resource Manager icon 1.0

No permission to download
XF Compatibility
  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

Author
roothacker
Views
391
First release
Last update
Ratings 0.00 star(s) 0 ratings
Link was Broken? Please Send message to the Website Team and we will assist you quickly!
Support Developer If you are satisfied with the test or your project has earned you money, Click the More Information button to support the developer by purchasing.

Similar resources

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