Legends Design: Removing "[" and More

Hello again,
My forum version is ModernBB.

I searched the already solved topics here but I couldn't exactly found what I'm looking for. I saw someone recommending editing the template for removing "[" from legends but it's not available in ModernBB I'm afraid. Playing with font-sizes was suggested as well but I'm not able to make it work as much as I've tried.

Here how it looks like currently;
https://i.servimg.com/u/f86/20/25/74/55/ekran_10.png

I'd like to remove "[" and "]" from each side and if possible, add a border to each group with it's own group color, not a fixed color for all of them.

The way I added the current border was simply like this;

Code:

.block-footer b{border-style: solid; border-width: 1px; padding:2px;}

I'm somewhat familiar with CSS and HTML but I don't have much clue about js sadly.

Thanks in advance.

hi

code css

Code:

.block-footer b {
    display: inline-block;
    margin-right: 4px;
}
.block-footer a {
    font-size: 15px;
}
.block-footer strong {
    font-size: 15px;
}

.block-footer {
    font-size: 0;
}

If you like each group to have its own border color

code css

Code:

[href="/g1-group"] {
    border: solid #c30000 1px !important;
}

All you have to do is change the number of the group you want to set special limits for,

Code: /g1

Thank you thank you!
Both seems to work,
Topic solved.