Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 26, 2014 at 7:12 pm #256667
    kayzelmoo

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

    April 27, 2014 at 9:02 am #256743
    kayzelmoo
    This reply has been marked as private.
    April 28, 2014 at 9:19 am #256951
    Ismael

    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

    April 28, 2014 at 9:35 am #256963
    kayzelmoo

    It does wonders. Great thank you Ismael! :)

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