New reply 17 Sep, 2025, 2:33 pm
| Stream |
New reply 31 Jul, 2025, 12:23 am
New thread 31 Jul, 2025, 12:22 am
New reply 19 Jul, 2025, 2:37 pm
New thread 19 Jul, 2025, 2:29 pm
New reply 15 Jul, 2025, 7:50 am
New reply 15 Jul, 2025, 2:46 am
New thread 13 Jul, 2025, 12:28 am
New reply 3 Jul, 2025, 3:12 am
New thread 3 Jul, 2025, 2:55 am |
| Files |
Enable CSS icons instead of images.
Support for CSS icons over image icons is available as of version 1.8.22, the default library is Font Awesome but you can easily change the settings to use a different library.
To properly set up CSS icons follow the next steps:
- Go to the plugin settings
Home » Board Settings » OUGC Custom Reputation.
- Enable the
Use Font Awesome Iconssetting by checkingYes.
- In the
Font Awesome ACP Codeinsert the library<link />of the library to use. By default Font Awesome 4.7 frombootstrapcdn.comis used.
This only affect the ACP.
If you want to use a different library change this setting.
To use Semantic UI library you could paste the following code in this setting.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/icon.min.css" integrity="sha256-KyXPF3/VOPPst/NQOzCWr97QMfSfzJLyFT0o5lYJXiQ=" crossorigin="anonymous" />
* Please note that in most cases this setting value should match theougccustomrep_headerinclude_fatemplate value.
- Now update each custom reputation you have and use the
Imagefield as aCSSfield. Example:fa fa-heart.
By doing this all your custom reputations should use CSS icons instead of images. The first image in this post was taken using the Font Awesome default support, whereas below (last) image is using Semantic UI library.