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 |
How can I use CSS icons instead of images for awards?
Using CSS icons instead of images is (friendly) possible since version 1.8.19. To use CSS icons instead of images follow the next steps.- Go to
Home » Manage Awardsand add or edit an award.
- Under
Template Typeselect theClass Templateoption.
- Under
Image / Classtype your CSS class for that award alone.
- Save
- Finally, you need to include your JavaScript library code inside the
headerincludetemplate.
To update the template used for CSS awards go to
Home » Template Sets » [YOUR TEHEME] » OUGC Awards Templates and edit the ougcawards_award_image_class template to meet your requirements. By default the system contemplates administrators to be using the Semantic UI Icon library but doesn't adds the JavaScript library code inside the headerinclude template.Using both image and CSS awards at the same time is possible.