Ecommerce Shopify WordPress Discussion

Equal height of product image wrapper [closed]

Closed. This question needs debugging details. It is not currently accepting answers. Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question. Closed 4 days ago. This post was edited and submitted for review 4 days ago. Improve this question I have for some time now tried to make my products equal height in Wordpress. As all the product images are not the same sizes and the store has over 5000 products, I need a way to fix this. I know there is a solution, I just dont know how to achieve it myself. Please see below image... https://i.stack.imgur.com/la7TW.png The link to one of the category pages: https://bonomat.smartstepsolutions.se/produkt-kategori/maskiner/kaffeautomater/ Setting the width to a %, making the boxes a certain height and then hide overflow - however this makes many of the images look weird. What CSS code is there to fix this type of issue? I have built it using the loop builder and used this custom css so far: .elementor-image { -webkit-filter: brightness(.96); filter: brightness(.96); } .astra-shop-thumbnail-wrap img { -webkit-filter: brightness(.96); filter: brightness(.96); } .astra-shop-thumbnail-wrap { background: #f5f5f5; padding: 35px !important;}
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.