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.
  1. Go to Home » Manage Awards and add or edit an award.
  2. Under Template Type select the Class Template option.
  3. Under Image / Class type your CSS class for that award alone.
  4. Save
  5. Finally, you need to include your JavaScript library code inside the headerinclude template.

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.
Edited 30 Jul, 2020, 11:07 pm by Omar G..
Files

There are currently no posts to display. Be the first one to leave a reply.
Stream

« see more

New thread Omar G. 3 Apr, 2025, 6:26 am

Plugin Releases Plugin Contract Thread

New thread Omar G. 3 Apr, 2025, 6:02 am

Plugin Releases Plugin Extra Forum Permissions

New reply Omar G. 3 Apr, 2025, 4:34 am

Plugin Releases Plugin Forum Cleaner

New reply Omar G. 3 Apr, 2025, 3:59 am

Plugin Releases Plugin Lock Content

New thread Omar G. 3 Apr, 2025, 3:57 am

Plugin Releases Plugin Forum Cleaner

New thread Omar G. 3 Apr, 2025, 3:35 am

Plugin Releases Plugin Lock Content

New thread Omar G. 3 Apr, 2025, 2:16 am

Plugin Releases Paid Plugin Moderator Quick Buttons

New thread Omar G. 29 Mar, 2025, 1:44 am

Plugin Releases Paid Plugin Awards Rules

New thread Omar G. 27 Mar, 2025, 5:53 pm

Plugin Releases Plugin My2FA

New reply Omar G. 23 Mar, 2025, 10:57 am

Plugin Releases Plugin Awards



Current time: 17 Apr, 2025 10:32 am