Edit History

1 hour ago, Mary Brezden said:

I am going to attach an image to explain a little more. On the left side is what my page currently looks like and I like the flag as the discount restalta and the box on the product .. thanks !!

This will work I guess;  put this in file themes/classic/assets/css/custom.css

li.product-flag.new {
    position: absolute;
    right: -10px;
}
li.product-flag.new::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #5fa9b9;
    transform: rotate(90deg);
    right: 0px;
    top: 30px;
    border-top-color: transparent;
    border-right-color: transparent;
}

li.product-flag.discount {
    position: absolute;
    left: -10px;
}
li.product-flag.discount::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #ea9c74;
    transform: rotate(180deg);
    left: 0px;
    top: 30px;
    border-top-color: transparent;
    border-right-color: transparent;
}