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

    Hi there

    I downloaded the WooCommerce Advanced Product Label plugin and asked them the following question. They said they couldn’t help and to contact Enfold instead:

    How do I get rid of the white border and realign the text to be in the centre of the circle? At the moment the text is sitting slightly too low.

    Thanks
    Chrissy

    #706036

    Hey tankerhq,

    Can you post a screenshot showing the white borders? I couldn’t see it on my end because the background is also white, the text has already been centered upon checking.

    Best regards,
    Nikko

    #706491

    Hi Nikko

    The text needs to go up three pixels to be centred.

    View post on imgur.com

    Thanks

    #706898

    Hi,

    Try to add this codes in Quick CSS (located in Enfold > General Styling):

    This code is for removing white border (left and right).

    div .products .product {
        margin: 0 !important;
    }

    This code is for the text to go up 3px.

    #top .av-product-class-minimal .inner_product_header {
        padding-top: 7px;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #706913

    Hi Nikko

    That didn’t seem to work for either the border or the text sorry. Any other ideas?

    #707469

    Hey!

    I could see the code working in the link you have provided. Just to verify if the white border you mentioned the white space between the products? and the text to be centered is the text at the bottom of the image? I could see the products already next to each other and the text at the bottom is already lifted 3px higher. Can we get more details where this issue shows up? like in desktop or mobile? chrome, firefox, ie? please provide another screenshot showing not only 1 product and also point there the text that hasn’t been centered.

    Best regards,
    Nikko

    #707971

    Hi Nikko

    Sorry, I think you might have misunderstood my initial query. I am referring to the ‘sold’ circle badge.

    Thanks
    Chrissy

    #708004

    Hi Chrissy,

    Sorry about that, kindly remove the code I gave and add this code in Quick CSS instead:

    #top .wapl-flash.wapl-alignright {
        right: 4px;
        top: 4px;
    }
    
    #top span.woocommerce-advanced-product-label.product-label {
        border: 0;
    }

    Let us know if it works :)

    Best regards,
    Nikko

    #708007

    Fantastic, looks great.
    Thank you!

    #708015

    Hey!

    Glad we could help :)

    Regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘WooCommerce Advanced Product Labels issues’ is closed to new replies.