Support » Plugin: WooCommerce Sold Out Products » Move the location of the icon?

Viewing 3 replies - 1 through 3 (of 3 total)
  • 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);

    Plugin Author Gerhard Potgieter


    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;



    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:
    Product level:

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

    Thanks in advance!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move the location of the icon?’ is closed to new replies.