Ribbons Demo Nop Traction

how to create ribbons same color preset the theme in automatic?

i put this stings in ribbons image style:

width: 0;
height: 0;
border-left: 80px dashed transparent;
border-right: 0px dashed transparent;
border-top: 60px solid;
border-top-color:#c03;

Thanks

Hello,

To reproduce the same ribbon as in the Traction theme demo you have to create a fully transparent png image file with the size of the ribbon you want to have and add it in Preview picture, so that your image css apples to the element.

Also you can use the styles for the text of the ribbon:

font-size: 18px;
color: #fff;
right: 5px;
top: 5px;
text-align: right;

If you are not using the default color of the theme you have to add this css to your Plugins \ Nop Traction Theme \ Settings \ Custom Head Styles:

.color-black .product-ribbon > img{
    border-top-color: #333!important;
}
.color-grey .product-ribbon img{
    border-top-color: #aaa!important;
}
.color-orange .product-ribbon img{
    border-top-color: #e04900!important;
}
.color-blue .product-ribbon img{
    border-top-color: #467bb1!important;
}
.color-yellow .product-ribbon img{
    border-top-color: #ffbb34!important;
}

Ok thanks very much, now work fine.
Best regards