jaw@jawtemplates.com

How to set the same height for products boxes

If you want to set the same product box height, simply use this custom css.

Version 1

Please add this to custom css (appearance->theme options->custom code->custom css)

/* custom boxes for products */
.woocommerce .product-style-1 .product-box-info,.woocommerce .product-style-2 .product-box-info,.woocommerce .product-style-11 .product-box-info{min-height: 170px;margin-bottom: 10px;}
.woocommerce .product div.price{position: absolute; bottom: 0;left:0; } .woocommerce .product .product-box{height: 170px;margin-bottom: 10px;} .no-touch .woocommerce article:hover .product-box-buttons { display: block; position: absolute; bottom: 0; }

Simply change

height: your_value_in_px

and

min-height: your_value_in_px

properties to your own (must be the same) 🙂

 

  • Was this Helpful ?
  • yes   no

Leave a Reply

You must be logged in to post a comment.