[Resolved] margin issue

[chris]

Hi, i have a margin issue with my woocomerce badges, when one product has two badges the first product on the page, if has a badge displays a few pixels above the other badges seem to be sitting, any idea why?

[David]

Hi there,

Woo has some CSS that applies CSS down from the container link to the first element within that – which is usually the product image div. When you add the extra badge its being inserted before that DIV which is causing the odd layout.

Try adding this CSS to correct that:

.woocommerce ul.products li.product .woocommerce-LoopProduct-link > span + div {
  margin-top: 0 !important;
}

[chris]

Ahh i see.. That did the job perfectly, thanks David! 🙂

[chris]

Resolved

[David]

Glad to be of help

[Author]

Posts