Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 18, 2014 at 6:55 pm #353170
    tremblayly

    Hi
    I have the WooCommerce Sold Out Products plugin installed. It shows the SOLD badge as I expect. However, on my home page http://www.lysetremblayjewelry.ca, where I display new products, the SOLD badge only displays as text not a badge on the product image.

    WooThemes says that “It’s very likely that your theme/page builder is not using standard WooCommerce HTML/CSS classes and thus the badge isn’t being applied properly. ”

    I have open a question in WP forum because this is a free plugin but have I have yet received any response.

    Is there any way you can help with this issue in cause it could indeed be a theme/page builder issue.

    Much appreciated.

    Lyse

    November 19, 2014 at 12:31 am #353380
    Elliott

    Hi tremblayly!

    Try adding this to your custom CSS.

    span.soldout, span.soldout {
    z-index: 999;
}
span.soldout, span.soldout {
    background: -moz-linear-gradient(center top , #c11b17 0px, #7e2217 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 40px;
    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);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    left: 6px;
    line-height: 52px;
    margin: 0;
    min-height: 52px;
    min-width: 52px;
    padding: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 #7e2217;
    top: 6px;
}

    That should give it the styling needed to display everywhere.

    Best regards,
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
    November 19, 2014 at 1:37 am #353418
    tremblayly

    Hi Elliott
    Tried that but it didn’t change anything on the problem page.
    Lyse

    November 19, 2014 at 6:12 pm #353836
    Elliott

    Hey!

    Where did you add the CSS to? I do not see it anywhere in your source code.

    If your using a caching plugin then try clearing it’s cache.

    Best regards,
    Elliott

    November 19, 2014 at 7:05 pm #353887
    tremblayly

    Hi Elliot
    I added the CSS to my styles.css located in my Enfold-child theme folder
    I have clear all cache and even tried a different browser and still the issue exists.
    Lyse

    November 19, 2014 at 10:46 pm #354007
    Elliott

    Hi!

    Ok I see it now. It doesn’t look the same as my code though. You’ll notice in mine I removed the .woocommerce class before each rule so it gets added to non woocommerce related pages.

    Go ahead and delete yours and replace it with mine.

    Regards,
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
    November 20, 2014 at 12:10 am #354054
    tremblayly

    Hi Elliott
    In your first email to me contained the .woocommerce class was part of the suggested CSS code.
    I removed theses classes and all looks perfect!
    Thank you so so much for your support and patience.
    Lyse

    November 20, 2014 at 5:34 pm #354330
    Elliott

    Hi!

    Hmm, I remember editing it a few minutes after I posted so perhaps you viewed it before my edit.

    Let us know if you have any other questions.

    Best regards,
    Elliott

    November 20, 2014 at 6:40 pm #354371
    tremblayly

    Thanks

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Display issue with SOLD OUT plugin’ is closed to new replies.