防止WooCommerce图像被切断

时间:2017-11-20 00:37:25

标签: html css wordpress

我正在构建一个WordPress网站。

许多图像被切断,因为图片在宽度之前填满了高度。我想把它换成另一种方式 - 宽度更重要。

http://www.new.brooklynpartyrental.com/product/rectangle-tables/

我应该添加什么样的自定义css才能实现这一目标?

谢谢!

2 个答案:

答案 0 :(得分:0)

这不是CSS或HTML问题。 图像源文件本身被截断,其内嵌高度和宽度大于它所填充的父div。在图像元素中不应指定高度和宽度,并且可以简单地给出宽度为100%的CSS规则。

答案 1 :(得分:0)

停用 WooCommerce >中的所有硬裁剪选项设置> 产品>的显示即可。您的新上传产品图片将不再中断。

现在您可以安装Regenerate Thumbnails插件,将其激活并转到工具>雷根。缩略图。单击重新生成所有缩略图并等待魔法。