Docs

[Promo-U]

Hi,

I’m using the “Integrity” theme style and it looks perfect.

Is it possible to change the integrity style “sale” on the left corner of product featured image into the renew style? To be more specific, I want to change the round shape into the triangle shape 🙂

Thank you!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.woocommerce .onsale {
    border-radius: 0;
    top: -40px;
    left: -41px;
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    font-size: 12px;
    line-height: 130px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1;
}

Thanks.

[Promo-U]

Thank you Prasant!
I tailored the code a little bit and it works! You are absolutely super!

[Thai]

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

[Promo-U]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.woocommerce div.product .images {
    overflow: hidden;
}
.woocommerce div.product .images .onsale {
    top: 6px;
    left: 6px;
}

http://i.imgur.com/ovEvOQs.png

Hope it helps 🙂

[Promo-U]

Thank you so much Thai!
It works perfect!
😀

[Lely]

You’re welcome!

Cheers!

[Author]

Posts