[Resolved] margin issue

Home Forums Support margin issue

  • This topic has 4 replies, 2 voices, and was last updated 1 month ago by David.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1621946
    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?

    #1622211
    David
    Staff
    Customer Support

    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;
    }
    #1626041
    chris

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

    #1626042
    chris

    Resolved

    #1626131
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.