how to edit the sale bubble

Hey bakbek,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

#top .single-product-main-image.alpha {
    position: relative;
}

#top .single-product-main-image .onsale {
    right: 5% !important;
}

Hope it helps :)

Best regards,
Nikko

Hi bakbek,

Sorry I forgot to add border radius, can you try using this code instead:

#top .single-product-main-image.alpha {
    position: relative;
}

#top .single-product-main-image .onsale {
    right: 0 !important;
    border-radius: 0 !important;
}

Best regards,
Nikko

Hi bakbek,

Glad we could help.
Can you give us a link to the page shown in the screenshot?

Best regards,
Nikko

Hi bakbek,

Thanks, try using this code:

#top div .product_on_sale .inner_product_header {
    position: static;
}

#top .onsale {
    top: 0;
    right: 0;
    border-radius: 0 !important;
}

Hope it helps.

Best regards,
Nikko

Hi,

Hide it with the following:

.inner_product_header .avia-arrow{
display:none!important;
}

Best regards,
Jordan Shannon