Sale Badge on Single Product Page

Hi there,

This is definitely a question for Elementor's support team as everything on that page is coming from Elementor.

For examples:
https://www.screencast.com/t/hToLkIjy6
https://www.screencast.com/t/WSX98u7h4e

Thanks for your understanding.

Elementor don't have option to change that we checked, it needs custom css I guess for that badge, as those are woocommerce widgets and its picking up styles from theme, the options which elementor don't allow to change it takes those from the theme, its written there in the editor.

If we disable elementor there then also how will we do the sales badge like its shown on the shop page?

Pls see the private box

You can try this to start without Elementor:

.woocommerce.single-product span.onsale {
    position: absolute;
    right: 0;
}

Hey Leo,

Ok thanks a lot I was able to make it by mixing Elementor CSS and your code :)

Glad to hear.