Download Customize default Resource Manager icon 1.0

Name: Customize default Resource Manager icon
Availability: InStock
Author: roothacker

XF Compatibility

2.2.x
2.3.x

Short Description: 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

The "Font Awresome" icons can be found here:
https://fontawesome.com/

Author: roothacker

Views: 434

First release: May 22, 2022

Last update: May 22, 2022

Ratings 0.00 star(s) 0 ratings

Join the discussion More information

Link was Broken? 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.

Share this resource