Hello! I added the following code into functions-template.php and a separate file so I can re-upload it when there is an update. I decided to change the user colors using CSS because it's much easier to change in the future (no code edit)

<?php $usergroup = WPF()->member->get_usergroup($member['ID']); ?>
<?php echo $usergroup;
if ($usergroup == 1): ?>
<a href="<?php echo esc_url(WPF()->member->get_profile_url( $member['ID'] )) ?>" class="onlineadmin"><?php echo esc_html($member['display_name']) ?></a>
<?php elseif ($usergroup == 2): ?>
<a href="<?php echo esc_url(WPF()->member->get_profile_url( $member['ID'] )) ?>" class="onlinegirl"><?php echo esc_html($member['display_name']) ?></a>
<?php else: ?>
<a href="<?php echo esc_url(WPF()->member->get_profile_url( $member['ID'] )) ?>" class="onlineuser"><?php echo esc_html($member['display_name']) ?></a>
<?php endif; ?>

I'm storing the usergroup ID into a variable $usergroup then check the usergroup and change the <a href> class. I went into styles.css and added this:

#onlineadmin a:link { color: #70DB93; }
#onlineadmin a:visited { color: #70DB93; }
#onlineadmin a:hover { color: #70DB93; }
#onlineadmin a:active { color: #70DB93; }

To change the link colors but it doesn't seem to work the links still have their default colors, what am I doing wrong? Isn't Style.css the file to edit?

Scratch that I simply styled the link without css.......