[Marco Franco Franolich]

how can I change the color and the shape of the offers as soon as the template was installed, I would like to change the photo (which I prefer) now I see a red oval how to modify it

[johnnyd]

what you are seeing is the

.woocommerce span.onsale {
    background-color: #e74c3c;
}

in style.css

also check the section one on bbloomer

WooCommerce: How to Display Custom Product Badges (e.g. %OFF, NEW, FREE)?

• This reply was modified 2 years, 10 months ago by johnnyd.
• This reply was modified 2 years, 10 months ago by johnnyd.

[johnnyd]

also check the woocommerce.css

.woocommerce ul.products li.product .onsale{top:0;right:0;left:auto;margin:-.5em -.5em 0 0}

.woocommerce span.onsale{min-height:3.236em;min-width:3.236em;padding:.202em;font-size:1em;font-weight:700;position:absolute;text-align:center;line-height:3.236;top:-.5em;left:-.5em;margin:0;border-radius:100%;background-color:#77a464;color:#fff;font-size:.857em;z-index:9}

[Author]

Posts