image based sale badge

[Ladybird0]

Hi,

I would like to ask if it is somehow possible to input CSS code for my own custom made SALE badge instead of the default one in Claue?

Thank you in advance!

Best,

Aiste

[Harry]

Hi Aiste,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.badge .onsale {
	background: url('https://ladybird.lt/wp-content/uploads/2021/06/Logo-1.png') center center no-repeat;
	text-indent: -999em;
	background-color: transparent;
}

and change https://ladybird.lt/wp-content/uploads/2021/06/Logo-1.png with your image path.

If you want change badge for single product page only, please change prev code to

.single-product .badge .onsale {
	background: url('https://ladybird.lt/wp-content/uploads/2021/06/Logo-1.png') center center no-repeat;
	text-indent: -999em;
	background-color: transparent;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Ladybird0]

thanks!!!!

[Author]

Posts