Woocommerce products not alligned

  • Hello everyone and anyone, im a newbie thats having problems with woocommerce products aligning up in coloums, some are slightly raised and others have dropped. I have read many posts on here with solutions etc yet am i to find a solution for my theme.

    Im using woocommerce 4.1.1 latest
    wordpress 4.1
    barberry 1.2 theme with child theme
    web site:

    Many thanks in advance hope someone could help Jess ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Jessexxx

    (@jessexxx)

    anyone please ?? x

    OK try this in your child style sheet :

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 40%; /* can spread out the product more and stop overlaping*/
    }

    Also the images have to be pretty much the same dimensions otherwise it seems to loose all alignment. Unless someone out can give input on that one.

    Hi there!

    For a newbie you doing great, the site looks awesome!

    I was able to get everything to line up using this code snippet:

    .productanim1.product_item img, .productanim2.product_item img, .productanim5.product_item img {
  height: 350px;
 }

.product_details {
  height:  150px;
}

    which gave me this result: Screenshot

    You can paste this code in your child theme’s style.css or in a custom css plugin such as Simple Custom CSS.

    I hope that helps!

    Luke the Daft Duke

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Woocommerce products not alligned’ is closed to new replies.

Tags