Archived topic

margin issue

4 replies · Started by chris on January 16, 2021

Viewing posts 1–5 of 5

January 16, 2021 at 9:49 pm #1621946

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?

January 17, 2021 at 6:15 am #1622211

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;
}

January 20, 2021 at 3:26 am #1626041

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

January 20, 2021 at 3:27 am #1626042

Resolved

January 20, 2021 at 4:45 am #1626131

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.