Product label width

Hi,

How can I change the width of a product label (e.g. sales label)? The style is already modifed with the CSS code below, but adding a width (or max width) value doesn’t change anything:

@media (min-width:768px) {
.product-grid-item .product-labels {
padding-top: 250px;
padding-left: 80px;
}
}

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-label {
    width: 100px!important;
    min-height:30px;
}

If you have any questions please feel free to contact us.

Best Regards

Hi again,

So we have enabled this code to customize the labels. On mobile version the width of the label doesn’t change for some reason… Although it worked fine before, and it still works fine on desktop. Not sure what’s the issue with mobile version, perhaps someting changed after the theme update? Could you take a look please?

.product-grid-item .product-labels {
	padding-top: 90%;
}
body .product-label {
	width: 100px !important;
	font-size: 12px;
	line-height: 10px;
}

Hello,

Set there just the width value – https://prnt.sc/i9Mg-S802ilt, clear the cache and recheck the issue.

Kind Regards

Oh, that was an easy fix! 🙂

Thank you, the issue is resolved.

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts