If your products have too long titles,just use additional styles to reorder position of elements in product boxes on archive pages.Copy the code below and paste it to WordPress Customizer wp-dashboard–>appearance–>customize–>additional CSS,save changes and refresh your site in browser with ctrl+shift+R to clear browser’s cache:
/*----product boxes overrides----*/
li.product .product-description-wrapper {
padding:10px 10px 10px 10px;
}
li.product .product-description-wrapper .link-to-product {
margin-right:0px;
padding:0px;
}
li.product .product-description-wrapper .price {
margin-right:0px;
float:left;
display:block;
width:70%;
}
li.product .product-description-wrapper .woocommerce-loop-product__title {
font-size:14px;
}
li.product .product-description-wrapper .price {
font-size:16px;
}
.woocommerce .add_to_cart_button, .woocommerce .button.product_type_variable, .woocommerce .outofstock .button, .woocommerce .product_type_simple {
position:relative!important;
float:right;
left:0px;
top:-10px!important;
}
@media(max-width:640px) {
li.product .product-description-wrapper .price {
font-size:18px;
}
}
/*---end of product boxes overrides---*/Suppose you will be satisfied with result:
