php - 产品说明在神秘的 woocommerce 主题中未正确显示。其中一些是相互重叠的。

Question

它是由 Wordpress 驱动的电子商务网站。其他一切都很好，但我遇到了问题；可以在以下页面看到：

和

图片说明都混在一起了。它们在大屏幕上看起来还不错，但在小型笔记本电脑屏幕、ipad、iPhone 和安卓设备屏幕上看到时会失去结构。它似乎发生在所有页面上。

Mystile 主题的设计考虑了我在他们网站上阅读的所有屏幕尺寸，但我不知道如何解决这个问题。它似乎发生在所有页面上。

任何帮助将不胜感激。

提前致谢。

score 1 · Accepted Answer

这是您在 mystile-child 主题中实现的 CSS 更改。您已经为 h3 标题定义了一个整体像素宽度，它不会停留在缩略图 div 的边界内，因为响应式主题会根据屏幕分辨率进行调整。

删除你的 h3 标题宽度 CSS

body.page-id-19 h3 {
    width: 210px;
}

并且由于某种原因，您已将 line-height 更改为 0 某处，但我不会费心寻找哪里/为什么也将其粘贴

body.page-id-19 h3 {
    line-height: 0.8em;
}

在其他地方，你把它放到左边来移动一个标题。删除它。

li.product-category.product.last > a > h3 {
    margin-left: -20px;
    width: 224px;
}

1 回答 1