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.
[]UnderTemplate Typeselect theClass Templateoption.
[]UnderImage / 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.