Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #957526

    Hi, how can I make the sale bubble to be a square and located at the point of the image?

    Thanks.

    #958009

    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

    #958128

    Hi, it just moved it to the top right but it didn’t make it into a square…

    #958159

    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

    #958192
    This reply has been marked as private.
    #958209

    Hi bakbek,

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

    Best regards,
    Nikko

    #958216
    #958244

    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

    #958766
    This reply has been marked as private.
    #958789

    Hi,

    Hide it with the following:

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

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.