как центрировать изображения по вертикали woocommerce

Question

Я пытаюсь центрировать изображение по вертикали, в woo-commerce я пробовал выравнивать по вертикали, минимальную высоту, но ничего не работает, может я что-то выбираю не так и не могу этого заметить? Например, я хочу, чтобы изображение «ARZ» было посередине, а не вверху. Вот ссылка: https://carloshaidamous.com/product-category/prints

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

Заранее благодарю

Answer 1

Вам необходимо установить height на .products li, а затем добавить следующие стили к каждому тегу anchor в элементе li.

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

Вы также можете проверить https://masonry.desandro.com/, если хотите.