Product label size

Hi! I can’t get the product labels with the 40% off to go bigger, any ideas on how to do this?

Hi Coolenator,

Thanks for reaching to us.

Try to add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.product-label.onsale{
	min-width: 100px;
}

.product-labels.labels-rounded .product-label.onsale{
	min-height: 100px;
}

Regards,

Hi! Thanks! I added the code but it made the label more long haha, see screenshot

Attachments:

You must be logged in to view attached files.

Hi Coolenator,

You can change the width value to make it shorter.

Regards,

But can I make the tekst bigger? On the WoodMart product label explanation page the labels are way bigger than the ones that show on mine. See screenshot

attached

Attachments:

You must be logged in to view attached files.

Hi Coolenator,

First of all, I’m really sorry have taken long time to reply you due to the weekend.

Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

span.product-label

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,

[Coolenator]

Great Thanks.

• This reply was modified 5 months, 3 weeks ago by Coolenator.

Attachments:

You must be logged in to view attached files.

It seems that on mobile it doesn’t want to change the length of the banner, even when I change the font.

Also is there a way to specify which product labels get which size? For example now the sold out label and new label is also really big. But I only want the discount label to be big

Attachments:

You must be logged in to view attached files.

Hi Coolenator,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi, I keep putting the details in the forum but not sure if it sent properly. Here they are again!

Hi Coolenator,

Admin credential is incorrect, please check again.

Regards,

[Coolenator]

Ah okay try:

• This reply was modified 5 months, 2 weeks ago by Coolenator.

Hi Coolenator,

Please disable Wordfence 2FA Code temporary https://prnt.sc/aRXx-BlPJanq

Regards,

Whoops sorry, okay disabled now!

Hi Coolenator,

Thanks for details.

I checked the settings and saw that font-size and width values are applied to mobile as well https://prnt.sc/xPkxEzv0ceCx

Also, the .onsale class will effects to discount only https://prnt.sc/EZ4areqwyk6G

Regards,

Hi, ah thank you! One last question!
For the product labels on the frequently added products, they still appear quite large ( see screenshot)

Attachments:

You must be logged in to view attached files.

Hi Coolenator,

Please add .wd-products:not(.related-products) class Before above Custom CSS, for e.g:

.wd-products:not(.related-products) span.product-label

Regards,

[Author]

Posts