Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 5, 2015 at 2:12 am #483051
    stardrive

    Dear Support,

    I have tried several woocommerce product badges with your theme. The badges are either not compatible with your theme or your theme is not rendering the badges correctly.

    I tried “YITH WooCommerce Badge Management” earlier and the enfold “hover effect” on product listing was disabled.
    You recommended a link to me to get other badges. I have tried them and they all have compatibility issue with enfold theme. The latest one i tried is “WOO Stickers by Webline”, and the badges of this plugin are displaying outside the product images instead of inside the images. (See link of the shop page below).

    Please, kindly assist
    Regards,

    Stardrive

    August 6, 2015 at 1:21 pm #483839
    Andy

    Hey emin!

    with product badges do you mean the “NEW” Woosticker? if yes you can use this code so it does not overlap the text anymore: 

    span.woosticker.new_round_left.pos_left {
top: 2px !important;
left: 2px !important;
}
.products .product h3, .products .product h4, .products .product h5, .products .product h6 {
padding-left: 34px;
}

    Hope this helps.

    Best regards,
    Andy

    August 6, 2015 at 2:05 pm #483871
    stardrive

    Dear Andy,

    I mean both the “NEW” Woosticker, the “SALES” Woosticker and any other stickers.

    Please, the code did not work. The “NEW” Woosticker and the “SALES” Woosticker are still showing under the product pictures.

    Besides, I am not comfortable with using CSS to fix this issue.
    Please, kindly come up with a permanent solution that will make enfold theme to render product badges correctly

    Regards,

    Stardrive

    August 6, 2015 at 8:44 pm #484162
    Andy

    Hey!

    it seems to work fine for me:

    Please clear browser cache.

    Regards,
    Andy

    August 6, 2015 at 9:09 pm #484174
    stardrive

    Dear Andy,

    The images in your reply means it is not working.
    The badges should be inside the images on the top left side and top right side of the image.

    Thank you.

    Regards,

    Emin

    August 7, 2015 at 1:19 pm #484517
    Ismael

    Hi!

    You can adjust the position with this:

    .new_ribbon_right, .onsale_ribbon_right, .soldout_ribbon_right {
    top: -160px;
}

span.woosticker.new_round_left.pos_left {
    top: -160px !important;
    left: 2px !important;
}

    Cheers!
    Ismael

    August 7, 2015 at 7:53 pm #484668
    stardrive

    Dear Ismael,

    The position of the badges are OK in the shop over-view page; but the positions are not ok for related products and in the custom shop overview page

    Regards,

    Emin

    August 10, 2015 at 10:32 am #485135
    Ismael

    Hey!

    Did you try to adjust the top position? You can append the parent container selector where the badge is located to the badge css selector. You can do something like this for the related products:

    .related span.woosticker.new_round_left.pos_left_detail {
    top: -80px !important;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.