Move the location of the icon?

I try to customize icon like standard sale icon and below my custom css:
.woocommerce span.soldout, .woocommerce-page span.soldout {
background: #B80000;
top: 0;
right: 0;
left: auto;
margin: -6px -6px 0 0;
min-height: 32px;
min-width: 32px;
padding: 4px;
font-size: 12px;
font-weight: bold;
position: absolute;
text-align: center;
line-height: 32px;
border-radius: 20px;
text-shadow: 0 -1px 0 rgb(133,173,116);
color: rgb(255,255,255);
box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 -1px 0 rgba(0,0,0,0.2) inset, 0 1px 2px rgba(0,0,0,0.2);
}

Hi wabwab

To move it to the bottom right add the following css to your theme’s custom.css file

.woocommerce span.soldout, .woocommerce-page span.soldout {
   bottom: 0;
}

Hi,

I’m using the Blaszok theme and I noticed that the badges are not consistent throughout the theme. When at shop level it displays like all the other badges ex: “Sale” to the “right”, but at product level it displays to the “left” blocking the “quick view” and “add to wishlist” controls.

Shop level: https://cl.ly/image/411S0H181Q0i
Product level: https://cl.ly/image/2Y1w1D2T2w2v

How can I make it all be consistent to the “right”? Can you update this?

Thanks in advance!