How to Create Borders Around Awards Icons ? [help]

[ShieldX]

i want to create borders around my awards...

 

[BattleKing]

i want to create borders around my awards...
View attachment 36655

ShieldXWhich addon you are using for the awards?

That what you want is not visible on that screenshot, right

 

[ShieldX]

Which addon you are using for the awards?

That what you want is not visible on that screenshot, right

BattleKingi am using Awards addon , i want to create border around icon that i want. like this ,

 

[Splicho]

i am using Awards addon , i want to create border around icon that i want. like this , View attachment 36656

ShieldXIf you use addonflare awards, you can declare custom css when you create a new award.
Try this code:

    padding: 3px;
    border: 2px solid #fdd15c;
    border-radius: 15%;
    background: #333;

https://imgur.com/UKK75XS

Also as suggestion, try lowering the award height in Style Properties > Addonflare awards
Your awards appear big as hell.

https://imgur.com/1ZdcIXu

 

[BattleKing]

i am using Awards addon , i want to create border around icon that i want. like this , View attachment 36656

ShieldXThis can be done for each award individually like this:

Before:

Do the change here in the Inline CSS:

After that it looks like this:

If you want to do it for all, you can set in extra.less

.afAwardImg {
    border-radius: 5px;
    padding: 1px;
    border: 1px solid green;
}

 

[ShieldX]

If you use addonflare awards, you can declare custom css when you create a new award.
Try this code:

    padding: 3px;
    border: 2px solid #fdd15c;
    border-radius: 15%;
    background: #333;

https://imgur.com/UKK75XS

Also as suggestion, try lowering the award height in Style Properties > Addonflare awards
Your awards appear big as hell.

https://imgur.com/1ZdcIXu

Splichothanks buddy for the help

 

[ShieldX]

This can be done for each award individually like this:

Before:
View attachment 36659

View attachment 36660

Do the change here in the Inline CSS:
View attachment 36661

After that it looks like this:
View attachment 36662

View attachment 36663


If you want to do it for all, you can set in extra.less

.afAwardImg {
    border-radius: 5px;
    padding: 1px;
    border: 1px solid green;
}

BattleKingi got it bro , thanks