Badge goes behind image

  • Hello!
    I am using both of your plugins Badges Management and Zoom Magnifier. When both enabled, the badge goes behind the product image.
    Editing the yith_magnifier_zoom_wrap class : 

    yith_magnifier_zoom_wrap {
  top: 0;
  z-index: 9999;
  position: relative;

    by removing either z-index or position tag, the badge goes in front of the image as it should be. But still the badge has a frame which is visible. And looks bad ??

    https://www.ads-software.com/plugins/yith-woocommerce-badges-management/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author YITHEMES

    (@yithemes)

    Hi,

    please could you send me a link where i see this problem ? Thanks!

    Thread Starter Valentin Petlov

    (@istoka)

    Hi!
    It’s on localhost, I can’t share link. Sorry :/

    Plugin Author YITHEMES

    (@yithemes)

    We tested this issue to find a solution.
    Thanks for segnalation, we fix this in the next update!

    Thread Starter Valentin Petlov

    (@istoka)

    Thanks very much! You are awesome!

    Plugin Author YITHEMES

    (@yithemes)

    You can fix it even without awaiting the new release.
    Go to your wordpress installation directory, than go to \wp-content\plugins\yith-woocommerce-zoom-magnifier\assets\css directory and open yith_magnifier.css with a text editor of your choice.

    Search for the block :
    .yith_magnifier_zoom_wrap {
    top: 0;
    z-index: 9999;
    position: relative;
    }

    and change it to
    .yith_magnifier_zoom_wrap {
    top: 0;
    /* z-index: 9999; */
    position: relative;
    }

    Let us know if this change fix the problem.

    Thread Starter Valentin Petlov

    (@istoka)

    Yes it did solve the problem, thanks!
    There is something more, however – the badges now have a z-index of 10 which (in my case) makes them go over the floating menu (the badges are stuck on the menu).

    And there is a border when using the provided images, please take a look :
    https://imgur.com/DIMtpYM

    It works for me, since I’ll be using just the custom badges option ??

    There’s one more thing – when the plugin is enabled, it totally kicks out the Woocommerce “on sale” badge, and makes it impossible both of them to be showing at the same time. Is there a fix for this too? Say, “Sale!” to be showing in the left (this is by default) and the YITH badge to be showing on the bottom right, or top right?

    Thanks in advance! ??

    Plugin Author YITHEMES

    (@yithemes)

    Hi,

    I’m sorry for this. We check a solution for this!
    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Badge goes behind image’ is closed to new replies.