change the color and shape of the offered logo

This topic contains 2 replies, has 2 voices, and was last updated by  johnnyd 1 month, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13164

    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

    #13168

    johnnyd
    Participant

    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 1 month, 1 week ago by  johnnyd.
    • This reply was modified 1 month, 1 week ago by  johnnyd.
    #13171

    johnnyd
    Participant

    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}
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.