CODEWITHSUNDEEP
wordpresswoocommercewordpress-themingcustom-wordpress-pageswoocommerce-theming
Rita
Rita

Reputation: 37

how to center images vertically woocommerce

I'm trying to center the image vertically, on woo-commerce, i tried vertical align , min height, but nothing is working, maybe i am picking something wrong and i cant notice it? For example i want "ARZ" image to be in the middle not to the top. Here is the link:

https://carloshaidamous.com/product-category/prints

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  vertical-align: center;
}

Thank you in advance

Upvotes: 1

Views: 1093

Answers (1)

Khalil
Khalil

Reputation: 1515

You need to set height to .products li, then add the following styles to each anchor tag within li element.

.woocommerce-LoopProduct-link{
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
}

You can also check out https://masonry.desandro.com/ , if that's what you want.

Upvotes: 1

Related Questions