WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. wabwab
    Member
    Posted 6 months ago #

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

    http://wordpress.org/plugins/woocommerce-sold-out-products/

  2. Alex_Azov
    Member
    Posted 6 months 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. Gerhard
    Member
    Plugin Author

    Posted 6 months 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
    Member
    Posted 2 weeks ago #

    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: 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!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.