Return to previous page

Text sale and background image responsive

This topic has 2 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Olga Barlow

Eduard

Participant

January 28, 2020 at 10:27

hello can you help me change the font only on sale text and the background into the image
and be responsive.
https://prnt.sc/qtwpcb

Thank you very much

#228979 Copied Theme version: 6.2 WooCommerce version: 3.8

1 Answer

Olga Barlow

Support staff

January 28, 2020 at 11:50

Hello,

Try the following custom

.sale-wrapper {
    background-color: #b71c1c;
    position: absolute;
    padding: 3px;
    top: 20px;
    left: 20px;
    z-index: 3;
}
.onsale.left {
    border: 1px dotted #fff;
    font-family: Pathway Gothic One;
    font-size: 1rem;
    position: relative;
}
.with-vertical-slider.product-images .onsale, .onsale.left  {
     left: 0;
     top: 0;
}

Regards

#228987 Copied