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 Hom...

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.
This post was last modified: 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.

Current time: 13 Oct, 2024, 12:57 am