Support Resolved How to Customize the Appearance of the Discount Label on Resources?

[VisEntities]

Where and how can I customize the size, color, text, and overall appearance of the label that shows when a resource is discounted? Looking to tweak it to better match the rest of the design

 

[Clement]

It has the following classes:

label label--silver label--smallest

And a in the

 structItem--resource

div.

So you could work out something with css:

.structItem--resource  .label--silver {
Your css here
}

 

[VisEntities]

Can you help me editing that, I want it to be the default orange color and a bit larger

 

[Clement]

A bit larger, do you mean the inside padding ?

 

[VisEntities]

A bit larger, do you mean the inside padding ?

No, I meant that using the next size after `label--smallest`

 

[VisEntities]

So smallest is 13px, I would love it to be 15px, basically want it same size as my price labels (the price label we had modified if you remember, it's not default xenforo)

 

[VisEntities]

And the color this default xenforo one

 

[VisEntities]

If you can guide me on how to do it, it'd be much appreciated

 

[Clement]

You can try the following:

.structItem--resource  .label--silver {
    .xf-xfa_vet_resource_tag_label();
    color: hsl(var(--xf-textColorAccentContent));
    background: hsl(var(--xf-contentAccentBg));
    border-color: hsl(
        var(--xf-contentAccentBg--h), 
        var(--xf-contentAccentBg--s), 
        calc(var(--xf-contentAccentBg--l) - (var(--xf-color-adjust, 1) * 10%)), 
        var(--xf-contentAccentBg--a)
    );}

 

[VisEntities]

Where do I put it, in which template

 

[VisEntities]

In xfa_vet_extra.less I suppose?

 

[Clement]

extra.less

 

[Clement]

Not xfa_vet_extra.less otherwise wehn I modfy the addon it won't apply.

But as you asked for a modification I could put it there if you want.

 

[Clement]

Because if you put it there, you will have the problem that it won't take further changes I do to the add-on potentially.

 

[VisEntities]

Not xfa_vet_extra.less otherwise wehn I modfy the addon it won't apply.

But as you asked for a modification I could put it there if you want.

When I put it in xfa_vet_extra.less it applied the change, but when I put it in extra.less, it doesn't

 

[Clement]

It is abnormal.

Put it in there, if it fits I'll integrate it.

And then before you do next upgrade with the modifications you requested then you first revert the template.

 

[VisEntities]

Yes, looks great now, thank you