XF 2.3 How to Increase the Size of the Price Label?

[VisEntities]

I’m looking to increase the size of the price label on the resources overview page. Does anyone know where I can adjust this in the templates or CSS? Any guidance would be helpful!

 

[Old Nick]

I would add a class here (xfrm_resource_list_macros, line 88):

<xf:if is="$resource.isExternalPurchasable()">
    <span class="label label--primary label--smallest bigger--price">{$resource.price|currency($resource.currency)}</span>
</xf:if>

And in extra.less:

.bigger-price {
    font-size: 120%;
}

 

[VisEntities]

The whole label disappeares whatever I edit <span><span>label label--primary label--smallest</span></span>

 

[Old Nick]

Don't remove those classes, just add another one, bigger-price in my example.

 

[VisEntities]

                <xf:if is="$resource.isExternalPurchasable()">
                    <span class="label label--primary label--smallest bigger-price">{$resource.price|currency($resource.currency)}</span>
                </xf:if>

I did that, btw I use the marketplace addon

 

[VisEntities]

When I edit it in the inspection tool on chrome browser, it works, but not in templates

 

[Old Nick]

btw I use the marketplace addon

Maybe that.

 

[Old Nick]

You can try this:

.label--smallest {
    font-size: 120%;
}

But i don't know if this class is particular to resource prices or used elsewhere...

 

[VisEntities]

You can try this:

.label--smallest {
    font-size: 120%;
}

But i don't know if this class is particular to resource prices or used elsewhere...

That worked haha, thanks!

 

[VisEntities]

Only problem is that it affects other elements, but at least something

 

[Old Nick]

But i don't know if this class is particular to resource prices or used elsewhere...

Try this instead:

[data-template="xfrm_category_view"],
[data-template="xfrm_overview"] {
    .label--smallest {
        font-size: 120%;
    }
}

 

[Old Nick]

Hmm... that affects this too...

 

[BassMan]

What about adding this to extra-less:

[data-template="xfrm_overview"] .structItem-title .label {
    font-size: 14px;
}

 

[VisEntities]

What about adding this to extra-less:

[data-template="xfrm_overview"] .structItem-title .label {
    font-size: 14px;
}

Just that? Do I also edit something here
<span class="label label--primary label--smallest">{$resource.price|currency($resource.currency)}</span>

 

[BassMan]

Do I also edit something here
<span class="label label--primary label--smallest">{$resource.price|currency($resource.currency)}</span>

No.

 

[VisEntities]

No effect sadly

 

[BassMan]

Hmm, it works on my test site perfectly:

 

[VisEntities]

Could it be because I'm also using the marketplace addon

 

[BassMan]

Plausible.

Any way to see it live?

 

[VisEntities]

Plausible.

Any way to see it live?

The category where I'm testing the paid resource on is private sadly