Home Forums Art WordPress Theme Removing the Sold out / Out of stock badge

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #21564
    andrebowen
    Participant
    Purchased
    Supported

    Hi there,
    How do I remove the ‘Sold Out’ badge from the individual WooCommerce product images?
    Regards, Andre

    #21599
    andrebowen
    Participant
    Purchased
    Supported

    Or is it possible to modify the ‘Sold Out’ text badge, ie move it into a different position, change background colour, etc.

    Regards, Andre

    #21608
    SeaTheme
    Keymaster
    Purchased

    Hi,
    1. To remove it, please paste the custom CSS code to “Appearance > Customize: Additional CSS”
     

    span.sold-out { 
        display: none;
    }

    2. To change the text color and BG color, please adjust the custom CSS:

    span.sold-out {
        background-color: #666;
        color: #fff; 
    }

    To change the position, please adjust the custom CSS:

    .woocommerce span.onsale, 
    .woocommerce-page span.onsale, 
    .woocommerce span.sold-out, 
    .woocommerce-page span.sold-out {
        top: 40px;
        left: auto;
        right: 40px; 
        bottom: auto;
    }

    Best

    #21611
    andrebowen
    Participant
    Purchased
    Supported

    Thank you! That worked well.

    Now my ‘Related products’ images still have the old badge stying. How would I update these?
    Also, how would I remove or style the ‘Sold Out’ under the Related product images?

    Many thanks for your help,
    Andre

    #21613
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please send the issued webpage URL, I need to check the lived page, thanks

    Best

    #21616
    andrebowen
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #21626
    SeaTheme
    Keymaster
    Purchased
    This reply has been marked as private.
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!