OUT OF STOCK ; help

[ballisticone]

Hello

I was asking for your help on rotating the “Out of stock” and New badge ,
but i just saw that when that item is actually sold ,
the Out of Stock is not 100% shown ,

here’s the code you gave me

.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
    background: transparent!important;
    color: #ff0000 !important;
    font-size: 10px;.
    right: 10px!important;
    top: 10px!important;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);

}

Thanks.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Increase the value for ‘right’

– Kyle

[ballisticone]

i did tried that ,
but even i changed to 30px , still nothing different.

Thanks.

[Kyle – SUPPORT]

Which page has an out of stock product?

– Kyle

[ballisticone]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

This works

.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
  background: transparent none repeat scroll 0 0 !important;
  color: #ff0000 !important;
  font-size: 10px;
  top: 10px !important;
  transform: rotate(0deg);
  right: 15px!important;
  text-align: right;
}

– Kyle