css - Woocommerce:对齐较小的图像

标签 css wordpress woocommerce

WooCommerce 将我的较大图像整齐地裁剪成合适的尺寸,但不需要裁剪较小的图像。

当我添加太小的图像时,产品或产品类别将不再对齐。 ( https://do-it-creatief.nl/product-categorie/brei-haak-katoenwol/ )

我该如何解决这个问题?

最佳答案

可以通过两种方式解决:

  1. 如果您的实际图像较小,请添加大图像或使用白框使用 photoshop 创建大图像。

  2. 添加css(你的图片会很丑):.woocommerce ul.products li.product a img{ min-height: 210px;}

第二个选项是非常糟糕的做法

关于css - Woocommerce:对齐较小的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40845086/

相关文章:

html - 按钮未正确连接到输入

css - z-index 有问题吗?文本未显示在具有背景色的元素前面

css - Bootstrap 工具提示 css 不起作用

php - Woocommerce - php获取订单信息

php - Bootstrap 足球队动态布局

php - 在 WooCommerce 中显示完整的国家名称而不是国家代码?

linux - 更改 Docker 容器

image - Wordpress:使文本最大宽度:660px 图像最大宽度:1000px

javascript - WooCommerce 中的 "SyntaxError: Unexpected token <"?

php - Woocommerce get_item() 函数返回 false