The Group Color?

Hello

the group color doesnt work on the forums only in the whos online section anyone knows how to apply it in the other area too?

here is screenshot :


notice that in the whos online are the word Manifesto is correct the color group name but when you go to latest post the word Manifesto there is not colored red (the color of our admin) and also the most users online area instead it colors it only colors as my link color. How can i change the username link color into a group color in the other area of my forum?

Btw here is my whole css:

Code:

/* css by genji watanabe copyright 9/11/2013 */
.pun a:link {
    color: #729fb2; 
    text-decoration: none !important;
}


.pun a:visited {
    color: #729fb2;  
    text-decoration: none !important;
}


.pun a:hover {
    color: #a4686c;  
    text-decoration: none !important;
}
.codebox {
    padding: 5px;
    background: #f6f7f8;
    border: 1px solid #CFD5DA; 
}


.codebox dt {
    border-bottom: 1px dashed #CFD5DA;
}


.codebox dd {
    background: transparent !important;
}

#pun-visit, .main-box, #qjump {
    display: none;
}



body  {
    padding: 20px;
    background: #E4ECEF url('http://i56.servimg.com/u/f56/18/49/22/05/100-9010.png');  
    font-family: Proxima Nova Alt,Verdana,Arial;
    font-size: 12px;
    color: #666;
}


.pun {
    width: 95%;
    padding: 10px;
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;  
    -o-border-radius: 8px;
    border-radius: 8px;  
}


.pun-inside {
    padding: 10px;
    background: #fff;  
}


.pun .main-content { 
    background: #f6f7f8;
    border: 1px solid #CFD5DA;
}



#pun-about {
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
}


#stats {
    background: transparent !important;
}


#onlinelist {
    background: transparent !important;
    border-top: 1px solid #CFD5DA;  
}

.boxonline {
    margin-left: 20px;
    padding: 4px 10px;  
    background: #EEF5F7;
    border: 1px solid #CFD5DA;    
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #729fb2; 
}

#pun-intro {
    margin: 0 auto;
    width: 95%; 
    background: transparent !important;
    border: 0px solid #ddd;
}


#pun-logo {
    margin: 20px 0px;
}



.showhide_menu {
    width: 370px;
    height: 50px;
    padding: 15px;  
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;  
    -o-border-radius: 8px;
    border-radius: 8px; 
    text-align: center; 
    font-size: 10px;
}



#pun-nav {
    margin: 0 0 1em 0;  
    padding: 0.6em 1em;
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
}


#pun-nav ul {
    float: right;
    width: 60%;
    text-align: right;
    list-style-type: none;
}


#pun-nav li {
    margin-left: 0.7em;
    white-space: nowrap;
    float: right;
}


#pun-nav li a {
    padding-left: 17px;
}



.pun .paged-foot, .pun .paged-head {
    background: transparent !important;
    border: 0px solid #ddd;
}


.main .main-head {
    margin: 5px;  
    background: transparent !important;
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #666;  
}


.main .main-foot {
    margin: 5px;  
    background: transparent !important;
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #666;  
}



.main .main-head .page-title, .pun .main-head .h2, .subtitle {
    width: 350px;
    line-height: 150%;
    padding: .6em 1em;    
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 10px;  
}


.main .main-foot .page-title, .pun .main-foot .h2 {
    width: 350px;
    line-height: 150%;
    padding: .6em 1em;    
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 10px;  
}


.pun h2, .pun h3 {
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 12px;
}


.pun-crumbs p {
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: 700;  
    font-size: 10px;
    color: #666;  
}



.pun table.table th {
    background: transparent !important;  
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #666;   
}


.pun table.table td {
    background: transparent !important;
    border-top: 1px solid #CFD5DA;
    border-bottom: 0px solid #ddd;
    border-left: 0px solid #ddd;  
    border-right: 0px solid #ddd;
}


tr.cat {
    display: inline-block;
    margin: 5px;
    padding: 5px;
    width: 426px;
    min-height: 50px;
    background: #EEF5F7;
    border: 1px solid #CFD5DA;  
}


td.cat {
    border-top: 0px solid #ddd !important;   
}


#cat-title {
    margin-top: -5px;  
    margin-bottom: 0px;  
    margin-left: -5px;  
    margin-right: -5px;  
    padding: 5px; 
    border-bottom: 1px solid #CFD5DA;
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;  
    overflow: hidden;  
}


#cat-detail {
    margin: 10px 0px;
    padding: 10px; 
    background: #fff; 
    border: 1px solid #CFD5DA;
    text-align: justify;
    overflow: hidden;
}


#cat-detail img {
    margin-right: 10px;
    padding-right: 10px;
    max-width: 50px;
    border-right: 1px solid #CFD5DA;  
}


#cat-last {
    margin: 10px 0px;
    padding: 10px; 
    background: #fff; 
    border: 1px solid #CFD5DA;
    text-align: justify;
    overflow: hidden;
}


.topics, .posts {
    display: inline;
    padding-top: 5px;
    padding-right: 10px;  
}


.topics span, .posts span { 
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;  
    color: #729FB2;  
}



.pun .post {
    margin: 5px; 
    background: #EEF5F7; 
    border-color: #CFD5DA;
    border-style: solid;
    border-width: 1px;  
}


.pun .postmain {
    background: transparent !important;
    border-left: 1px solid #CFD5DA;   
}


.pun .posthead {
    background: transparent !important;
    border-bottom: 1px dashed #CFD5DA;
}


.postfoot {
    margin: 0px;
    border-top: 1px dashed #CFD5DA;  
}


.pun .user-ident .username {
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
}


.pun .user-ident .user-basic-info {
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}


.pun .user .user-info {
    padding: 5px;
    background: #f6f7f8;
    border: 1px solid #CFD5DA;   
    color: #666;  
}

.postmain blockquote {
    background: #f6f7f8;
    border: 1px solid #CFD5DA;    
}


.postmain cite {
    padding-bottom: 5px;
    border-bottom: 1px solid #CFD5DA; 
}



.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url('http://2img.net/i/fa/empty.gif');
}


.main .main-content.frm {
    background: #f6f7f8;
}


.pun .frm-form {
    background: transparent !important;
}


.frm-buttons {
    border-top: 1px solid #CFD5DA;
}


.sceditor-container {
    background: #EEF5F7 !important;   
    border: 1px solid #CFD5DA !important; 
}


div.sceditor-toolbar {
    background: #EEF5F7 !important;   
    border-bottom: 1px solid #CFD5DA !important; 
}


div.sceditor-group {
    background: transparent !important;   
    border-bottom: 0px solid #ddd !important; 
}


.sceditor-container textarea { 
    border: 1px solid #CFD5DA !important;
    font-size: 10px !important;   
}



.pun .frm .frm-form table {
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
    border-color: #CFD5DA;
    border-top: 1px solid #CFD5DA;   
}


.pun .main .main-content.message {
    background: #f6f7f8;
}


.pun .main .main-content p.message {
    background: #EEF5F7;
    border: 1px solid #CFD5DA;
}



.main .frm-info {
    padding: 35px 35px 35px 85px;  
    background: #EEF5F7 url('https://cdn0.iconfinder.com/data/icons/TWG_Retina_Icons/64/info.png');
    background-repeat: no-repeat;
    background-position: 10px center;  
    border: 1px solid #CFD5DA;
}


fieldset.frm-set.multi {   
   border: 0px solid #ddd;
}


.sub-head {
    border-bottom: 1px solid #CFD5DA;
}


#profile-advanced-details div.separator {
    border-bottom: 1px solid #CFD5DA;
}



#tabs ul li.activetab a {
    background: #EEF5F7;
    border: 1px solid #CFD5DA;  
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px; 
    color: #f90;  
}


#tabs ul li.activetab a:hover {
    background: #EEF5F7; 
}


#tabs ul li a {
    background: #f6f7f8;
    border: 1px solid #CFD5DA; 
    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #666;
}


#tabs ul li a:hover {
    background: #EEF5F7; 
    color: #f90;  
}
.postbody .username{
 text-align: center;
  width:100%
}
.prevImg {
  background:url(http://2img.net/i/fa/prosilver_grey/subforum_read.gif) no-repeat;
  background-size:100% 100%;
  display:block;
  width:25px;
  height:25px;
  margin:3px;
  float:left;
  overflow:hidden;
}

.prevImg img {
  width:25px;
  height:25px;
}
body {
margin: 0px; 
cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; 
}
a:hover {
cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default; 
}
.module .h3, .module h3 {
    background: none repeat scroll 0 0 #eef5f7;
    border: 1px solid #cfd5da;
    margin: -5px -18px;
    padding: 8px;
}
.postmain.online.st-answer {
background: url("http://www.psdgraphics.com/file/colorful-triangles-background.jpg") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.postmain.st-answer {
background: url("http://www.psdgraphics.com/file/colorful-triangles-background.jpg") repeat-y scroll left top #E5F1F9;[
}
img:hover
{opacity:0.8;
filter:alpha(opacity=85); /* For IE8 and earlier */
}
/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2, input[type="button"], input[type="submit"] {
  color:#FFF !important;
  font-weight:bold;
  background:#268fbf;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:#447799 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus, input[type="button"]:focus, input[type="submit"]:focus { background-color:#333 
}

#content-container div#right {
  display: none !important;
}
#content-container div#container div#content {
  margin-right: 0px;
}
.table-online {
    height: auto;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;   
}


.table-liner {
    margin: 5px 0;  
    border-top: 1px solid #ddd;
}


.statistics-list img {
    height: 35px;
}


.statistics-list {
    line-height: 2.0;
}
  
.statistics-list dl {
    overflow: hidden;
}
  
.statistics-list dt {
    float: left;
    max-width: 100%;
    margin-right: 5px;
}
  
.statistics-list dd {
    float: right;
    text-align: right;
    max-width: 100%;
}  
.pun .post-entry {
    position: relative;
}
.pun .post-entry:after, .pun .post-entry:before {
    border-color: transparent;
    border-style: solid solid outset;
    content: " ";
    display: block;
    height: 0px;
    left: -35px;
    pointer-events: none;
    position: absolute;
    top: 55px;
}
.pun .post-entry:before {
    border-right-color: #ddd;
    border-width: 17px;
}
.pun .post-entry:after {
    border-right-color: #eef5f7;
    border-width: 15px;
    top:57px;
    left:-30px;
}
/* -- Quote, code, spoiler -- */
dl.codebox, blockquote {
    -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
       -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.2);
            box-shadow:2px 2px 1px rgba(0,0,0,0.2);
}


/* Quote */

blockquote {
    background:#F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/cite10.png') no-repeat 5px 7px;
    border:1px solid #69B;
    border-left:5px solid #69B;
    margin:4px 5%;
}
blockquote blockquote {
    background-color:#EEE;
    border-color:#58A;
    margin:4px 1%;
}

blockquote cite { color:#257; }


/* Code */

dl.codebox {
    background:#F5F5F5;
    border:1px solid #69B;
    margin:4px 5%;
}

dl.codebox dt {
    background:url('http://i57.servimg.com/u/f57/18/21/41/30/code10.png') no-repeat;
    color:#257;
    border:none;
    padding-left:20px;
}


/* Spoiler */

dl.codebox.spoiler dt {
    background:url('http://i57.servimg.com/u/f57/18/21/41/30/spoile10.png') no-repeat;
}

/* hidden */

dl.codebox.hidecode {
    filter:alpha(opacity=30);
            -moz-opacity:0.3;
          -khtml-opacity:0.3;
                 opacity:0.3;
}

dl.codebox.hidecode:hover {
    filter:alpha(opacity=100);
            -moz-opacity:1;
          -khtml-opacity:1;
                 opacity:1;
}

dl.codebox.hidecode dt { background:#F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/hide10.png') no-repeat 3px 2px; }
dl.codebox.hidecode dt:after {
    padding-left:3px;
    content:"Hidden:"
}

blockquote cite {
  background:none;
  padding-left:10px;
}
/* staff tables */
table.staff-table {
  width:100%;
  color:#666;
  font-weight:bold;
  background:#FFF;
  border:1px solid #CCC;
  border-radius:3px;
  border-spacing:0;
  margin:3px 0;
}
table.staff-table td { padding:3px }
table.staff-table td.side-image {
  background:no-repeat center center transparent;
  border-right:1px dashed #CCC;
  width:50px;
  height:50px;
}

/* good table */
table.staff-table.good {
  color:#686;
  background-color:#CFC;
  border-color:#ACA;
}
table.staff-table.good td.side-image {
  background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/g10.png);
  border-color:#ACA;
}

/* warn table */
table.staff-table.warn {
  color:#966;
  background-color:#FCC;
  border-color:#CAA;
}
table.staff-table.warn td.side-image {
  background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/w10.png);
  border-color:#CAA;
}

/* info table */
table.staff-table.inform {
  color:#369;
  background-color:#9CF;
  border-color:#7AC;
}
table.staff-table.inform td.side-image {
  background-image:url(http://i38.servimg.com/u/f38/18/45/41/65/i10.png);
  border-color:#7AC;
}
#LGquick_search {
  position: fixed;
  top: 0px;
  right: 5%;
  background: #f6f7f8;
  padding: 15px 20px;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border: 1px solid #CCC;
  border-top: none;
  text-shadow: 0 1px white;
  box-shadow: inset 0 0px 10px #EEE;
  -moz-box-shadow: inset 0 0px 10px #EEE;
  -webkit-box-shadow: inset 0 0px 10px #EEE;
}
#LGquick_search input {
  background-color: white;
  color: #666;
}
.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 } 
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; 
}
::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 5px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.viewing a, .viewing .lastactive { color:#999; text-shadow:1px 1px 0 #FFF; text-decoration:none; text-align:center; font-size:11px; font-weight:bold; background:#EEE; border:1px solid #CCC; border-radius:3px; display:block; padding:5px 3px; margin:5px 0; }
.viewing a { color:#696 !important }
.viewing a.loading { color:#996 !important }
.viewing a.inactive { color:#C66 !important }
a[href="/u2"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.1em red, 0 0 0.1em red, 0 0 0.0em black;
}
a[href="/u4"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.1em yellow, 0 0 0.1em yellow, 0 0 0.1em black;
}
a[href="/u1"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.1em blue, 0 0 0.1em blue, 0 0 0.1em blue;
}

Forum Address : http://hunterxroleplay.forumh.net/
Forum Version : PunBB

help me please thanks

1. go to admin panel > users&groups > users options
Colorize usernames : YES

2. go to (same page in admin panel) group administration
you need to edit the "admin" and "moderator" groups, set the colors you want and set "Color Group Members" to YES
then, if not already, set "Group Status" to CLOSED GROUP and they should show up in color everywhere on your forum

you see the screenshot right? i already set the color group members but it wont apply in the forums but it only apply in whos online area

yeah, that's because you've got set this to NO

1. go to admin panel > users&groups > users options
Colorize usernames : YES

Oh forget it thanks it works