css - wordpress woocommerce 图像大小 - 容器正在拉伸(stretch)图像

标签 css wordpress image size

首先,我为我的英语写得不好道歉,我从来没有真正上过学。所以请保持友善。

我在使用 wordpress 构建网站时遇到了一些问题。

我正在使用“the7”主题。

我已经在产品设置中设置了图像的大小,并使用推荐的插件重新生成了图像。它在产品页面上运行良好。但不在我的自定义“网上商店”页面中。存储图像的容器太大了。我找不到任何方法来修复它。

网址 http://www.imobile.dk/webshop/

我希望图像为 150x150。它是,但它被拉伸(stretch)了。在我的电脑上 (617x617) 原来是 150x150。

谁知道如何解决这个问题?

我认为主题本身正在覆盖默认设置。

我真的需要你们的帮助。

谢谢。

最佳答案

您可以尝试以下操作:在您的 wp-admin 中转到“外观”->“编辑器”,然后将其放入您的 style.css 文件中:

.woo-buttons-on-img {
    max-width: 150px;
}

关于css - wordpress woocommerce 图像大小 - 容器正在拉伸(stretch)图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41272634/

相关文章:

image - 在投影仪中更改图像向右移动

javascript - 如何使用 css 将不同颜色应用于 HTML 中的不同行 [不是交替行,而是任何行的任何颜色]

html - 使用 Sass 的样式 li 标签不起作用(li 标签的悬停效果)

javascript - 最后加载网站上的一个 div 及其内容

wordpress - 在wordpress中将图像裁剪到一定尺寸

python - 使用 Image Viewer (Eye of GNOME) 在一个目录中打开多个图像

jquery - 如何更改多选中搜索文本框的占位符?

css - 滚动条和不同的浏览器

php - 获取最新发布的 YouTube 视频 URL

css - 使用 CSS 强制纵横比在 Safari 上不起作用