wordpress woocommerce图像大小 - 容器边距和大小

时间:2016-12-22 09:18:10

标签: html css wordpress

昨天,我得到了一些帮助,我的wordpress网上商店显示了最近的产品页面。问题是,如果我在产品查看设置中更改图像的大小,它对网站没有影响。我认为,主题本身正在压倒来自woocommerce的模板。

我的网站http://www.imobile.dk/webshop/

我的第一个问题wordpress woocommerce image size - container is stretching the image

我希望我的结果是这样的。在一条平滑的线上。但我真的,没有任何想法。

image of what I want

我一直试图添加类似这样的东西

.wf-cell {
max-width:150px;}

但没有任何运气..

如果我得到的图像大小合适,它们的边距不是很近,它们会在同一个位置,只是更小。那里只能有2种产品。

任何想法?

1 个答案:

答案 0 :(得分:0)

所以我找到了自己的解决方案。

我将以下代码添加到编辑器中的服装CSS

.woocom-project {
position: relative;
max-width: 200px;
}
.wf-cell {
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
max-width: 225px;
}

现在它的工作就像一个魅力。