How can I use CSS icons instead of images for awards?
Using CSS icons instead of images is (friendly) possible since version
To update the template used for CSS awards go to
Using both image and CSS awards at the same time is possible.
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.