Fixing Staff Background

Forum Link: http://venthub.forumotion.com/
Forum Version: PunBB
Screenshot of what it looks like: https://gyazo.com/7c2b9ab637a732c848a9a19d07c3a496
Similar screenshot of what it should look like: https://gyazo.com/74b36575a7198611233294879c5a1367
Hello,
I needed help fixing the staff background on my forum, VentHub. I would just like it on the right side in the posts. I will provide the codes below. @Ange Tuteur

Javascript:

CSS:

Do you mean the black background?

SLGray wrote:Do you mean the black background?

The small color ribbon on the side according to the usergroup of said person.

Ok. The green border on the left and right?

Yes, however only on the right. The color of that boarder determined by the usergroup.

Do you have the codes added to your ranks ?

like this

Code:

<span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>

Yes, but it doesn't work.

Hmm really strange let me think about this some more and get back to you on it

This is how i have mine working in my forum
JavaScript:

Code:

$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});

The first part of the code

st-rang

is in your Ranks

Code: <span class="st-rang"><font color="red"><b> Admin</b></font>istrator</span>

Net this part is in your CSS files

st-answer

CSS file like this:

Code:

.post.online.st-answer {
border-left: 6px solid #F00;
}

.post.st-answer {
border-left: 6px solid #F00;
}

Repeat the css files just changing the first part to each staff member
Do the same with the JavaScript

Thank you Ape. However, we tried that and it did not work.

oh ok well then i really don't know that is how it works on my forum  sorry i can't be of any more help then

Its okay thanks for the attempt I really do appreciate it. I guess I will have to wait for Ange.

hold on your profile says phpbb3 and we are giving you the codes for that what is the forum you wanting it on ?

@APE the forum is PunBB thanks for reminding me when I swapped from PhpBB3 I forgot to edit that

LOL thats ok that maybe why some codes don't work in your forum as you know not all system like some codes.

Luffy, tried to help me with the code but we could not get it to work sadly.

I think its down to the way the system is made on that type of forum come to think of it i have not seen anyone ask about this for that forum version

So I your opinion should I request a script for PunBB? Also ever since it was put in my forum has been acting weird. What I mean is the homepage message profile, only my account shows up like this: https://gyazo.com/81fff5ef55059859d51d37279162cd91 and all topics text in them have turned red. If I provide a test account think you can help?

Yes all your codes should be made for your right version some offer it to work in all version but you need to change small parts of the codes to get them to work right.

my advice is to always use a test site way before you change over from one version to the other to make sure all your codes work right before you move over. Then offer  a test account to who ever is helping you at this time (making sure after this member has done helping you you change the password to that account) i also have a page on my forum that has notes on codes so i can go back to them to see what forum's version it works on if i need to.

I think the only one right now that can help here is our @Ange Tuteur but he is really busy and don't come on as much now thou