Labels not showing on product page

Hi,

I manged to show the label using a short code I found here: [awl_get_product_labels position=”on_image”]
But again it shows outside the product image box. Any idea how to place it inside the image?
Thanks.

Hi,

Please try to wrap that shortcode with a div tag. So the final result must look like that:

<div style="position: absolute; top: 20px;">
[awl_get_product_labels position=”on_image”]
</div>

Thanks, I tried it but the label disappeared after using the div tag .
I am also using the woolentor product image widget in place of the woocommerce product image. The label comes perfectly in position with the woocommerce widget but not with woolentor.

Also, I am using the css below to increase the font size:

.single-product .row.has-block .awl-product-label {
font-size: 24px !important;
}

In this case please try to use this additional css:

.single-product .elementor-shortcode .advanced-woo-labels {
    position: absolute; 
    top: 20px;
}

Its not working and the label is disappearing. But I am Ok with the current setup.

I need another help, can you tell me how to add a little margin or space below the labels on shop page… the label is covering a part of the product image.

Thanks

Did you try to use label styling settings for this? You can play with the Margin option to get the needed results. https://prnt.sc/7FnTn9AG2cFx

I must say you are one of the most dedicated and sincere developers I have seen here in many years, God bless you!

I wish you all the success!