WooCommerce Sold Out Products
Move the location of the icon? (4 posts)

  1. wabwab
    Posted 1 year ago #

    Currently the icon sits in the top left. Ideally I'd like to move it to the bottom right. Is this possible?


  2. Alex_Azov
    Posted 1 year ago #

    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);

  3. Kloon
    Plugin Author

    Posted 1 year ago #

    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;
  4. mestremind
    Posted 1 year ago #


    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: http://cl.ly/image/411S0H181Q0i
    Product level: http://cl.ly/image/2Y1w1D2T2w2v

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

    Thanks in advance!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce Sold Out Products
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.