The following warnings occurred:
Warning [2] Undefined array key "pointsview" - Line: 1442 - File: inc/plugins/newpoints/core/hooks.php PHP 8.2.11 (Linux)
File Line Function
/inc/class_error.php 153 errorHandler->error
/inc/plugins/newpoints/core/hooks.php 1442 errorHandler->error_callback
/inc/class_plugins.php 142 newpoints_blockview
/showthread.php 471 pluginSystem->run_hooks



This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.
OUGC Network › FAQs
How can I use CSS icons instead of images for awards?

Threaded Mode
How can I use CSS icons instead of images for awards?
Files
Omar G. Offline
Administrator
Posts: 136
Threads: 114
Joined: 20 Jan, 2020
Points: 1
#1
15 Apr, 2020, 4:05 pm (This post was last modified: 30 Jul, 2020, 11:07 pm by Omar G..)
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.
Find
Reply