XF 2.2 usergroup banner size

[interforo]

what is wrong with my code below?
the size of my usergroup banners don't look right

.moderator
{
background-image: url("/immagini/mod.jpg");
    color:white;
     width: 100% !important;
    margin: 0 auto !important;
    padding-left: 25px;
    padding-top: 6px;
}

.admin
{
background-image: url("/immagini/admin.jpg");
    color:white;
     width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding-left: 29px;
    padding-top: 6px;
}

cc @djbaxter

 

[interforo]

Are they in groups?

Yes I created groups but it's only one user, why?

 

[Nicolas FR]

Supporter : <i class="fas fa-handshake-alt"></i>&nbsp;&nbsp;Supporter
Interfan : <i class="fas fa-trophy yellow"></i>&nbsp;&nbsp;Interfan dell' anno

.supporter {
    padding: 4px 6px;
    background: #0081c7;
    border: 1px solid #006399;
    color: white;
}

.interfan {
    padding: 4px 1px;
    background: #8D9294;
    border: 1px solid #6f7476;
    color: white;
}

.yellow {
    color: #ffcc00;
}

Can't see User of the Month, not the good link.

 

[Welsh Dragon Web Hosting]

Supporter : <i class="fas fa-handshake-alt"></i>&nbsp;&nbsp;Supporter
Interfan : <i class="fas fa-trophy yellow"></i>&nbsp;&nbsp;Interfan dell' anno

.supporter {
    padding: 4px 6px;
    background: #0081c7;
    border: 1px solid #006399;
    color: white;
}

.interfan {
    padding: 4px 1px;
    background: #8D9294;
    border: 1px solid #6f7476;
    color: white;
}

.yellow {
    color: #ffcc00;
}

Can't see User of the Month, not the good link.

Have tried this but cant get it to work

 

[Nicolas FR]

Did you select custom CSS for your banners and put the corresponding CSS selector ?
Otherwise you can use this add-on : https://xenforo.com/community/resources/xtr-unlimited-user-group-banners.8232/