Kobieta Koduje

Jak wyrównać tytuły produktów w wordpress

Na kwestie wyrównania produktów w jednej linii wpływa wysokość zdjęcia i tytułu produktu. O ile wszystkie zdjęcia możemy wgrać w tym samym rozmiarze lub narzucić go w ustawieniach, o tyle nazwy produktów często mają różną długość. Aby wymusić równą wysokość nazw produktów i zachować wyświetlanie ich tytułów w jednej linii na stronie sklepu należy dodać do stylów poniższy kod:

.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	--line-height: 1.4;
	line-height: var(--line-height);
	min-height: calc(2em * var(--line-height));
}

Zostaw komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.