Default Badges aren't looking right

[kyzcreig]

View post on imgur.com

The badges have a gap between the triangle and rectangle so they don’t connect sometimes.

http://autoanathema.com/shop/page/2/

You may need to adjust the window width to see it happen.

View post on imgur.com

[Kyle – SUPPORT]

Hi

I’m not able to replicate the issue, but try adding this to your custom css:

.woocommerce span.onsale::before, .woocommerce .wc-new-badge::before, .woocommerce .out-of-stock-badge::before, .woocommerce .free-badge::before {
  left: -14px;
}

– Kyle

[kyzcreig]

Hi Kyle. I did try that already. But I just checked a few other browsers and sure enough they work. So I suspect it’s something about Chrome or my Chrome plugins. Incognito mode has the same problem though and I’ve only got a few extensions installed there e.g. LastPass.

[Kyle – SUPPORT]

I’m not getting the issue on Chrome either, so yes it is likely something specific to your computer

– Kyle

[kyzcreig]

I should add the demo on envato works great, even in Chrome.

[kyzcreig]

I will try clearing my cache.

[kyzcreig]

I believe I found the culprit. My window was zoomed at 110% on my website but 100% on the demo. This was enough to break styling on a few elements. Not a big deal although some folks do use zoomed in windows. An easy way to fix that would be to use relative units in the CSS instead of px.

[Kyle – SUPPORT]

Great, glad you found the issue

– Kyle