Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #256667

    Hi all!
    The error is that it display wrongly for the plugin issue
    (shopelegal.com/new-arrivals/) this should be the correct sold out display
    (http://www.shopelegal.com/tops/) is the wrong display

    Any ideas to rectify this issue?

    Current custom css
    ul.products li.product a img {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    display: block;
    height: auto !important;
    margin: 0 0 8px;
    transition: all 0.2s ease-in-out 0s;
    width: 320px !important;
    }

    .woocommerce span.soldout, .woocommerce-page span.soldout {
    z-index: 9999999 !important;
    }

    .soldout {
    z-index: 999999 !important;
    font-size: 16px;
    background: #000000 !important;
    }

    .woocommerce_before_shop_loop_item_title{
    z-index: 99999 !important;
    }

    Help is much appreciated as always!!

    #256743
    This reply has been marked as private.
    #256951

    Hi!

    Thank you for using the theme!

    Please add this on Quick CSS or custom.css to fix the sold out notice:

    span.soldout {
    min-height: 52px;
    min-width: 52px;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 52px;
    top: 6px;
    left: 6px;
    margin: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 40px;
    background: #C11B17;
    background: -webkit-gradient(linear,left top,left bottom,from(#C11B17),to(#7E2217));
    background: -webkit-linear-gradient(#C11B17,#7E2217);
    background: -moz-linear-gradient(center top,#C11B17 0,#7E2217 100%);
    background: -moz-gradient(center top,#C11B17 0,#7E2217 100%);
    text-shadow: 0 -1px 0 #7E2217;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.2);
    }

    Regards,
    Ismael

    #256963

    It does wonders. Great thank you Ismael! :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Issue with woocommerce sold out plugin’ is closed to new replies.