Insert DIV next to username in all templates

[lazarote]

Hello guys, in my forum I use dbtech shop to sell items to users, and i have the idea: sell custom icons for members, I managed to add them with the item type Username Style (Pre-Defined), the CSS code I used is this one:

&:after {
    padding: 1%;
    content: url(/static/nameicons/1403-assslap.gif);
}

But I have a problem when using ::after , I can't modify the size of the icon to my will, this CSS not working for me for some reazon

height: 20px; width: 20px;


Is there a way that I can insert a div right next to username in all templates?

A photo of my icon shop

 

[lazarote]

&:after { padding: 1%; content: url(/static/nameicons/1403-assslap.gif); }

lazaroteNot working with

&:after {
  content: ' ';
  background-image: url(static/nameicons/1146-chicken-spin.gif);
  background-repeat: no-repeat;
  background-size:contain;
  height: 20px;
  width: 20px;
}

 

[lazarote]

&:after {
display:inline-block;
content: "";
height:23px;
width:23px;
margin-left: 5px;
background-image: url(static/nameicons/3250-christmas-pug.gif);
background-repeat: no-repeat;
background-size: 23px 23px;
}

It works