Css 悬停选项上的店面产品标题

我正在使用店面Galleria儿童主题

问题是，在我的产品页面上，产品名称/价格在768像素处消失，只会重新显示为悬停状态

我想让他们显示所有的时间和消除悬停效果完全

---

我设法消除了媒体查询中的悬停效果，但无法在屏幕上显示标题>768 px

由于

g-product-title

类上的

opacity:0

设置，标题被隐藏。您可以在加载主题的CSS文件后（在以后的CSS文件中或在

标记中）的某处添加此规则来覆盖该行为：

但是，这也会使“添加到购物车”按钮始终显示，因此如果您不希望出现这种行为，可以添加一条规则，使按钮仅在悬停时显示：

@screen and (min-width: 768px) {
  .site-main ul.products li.product .button {
    opacity: 0;
  }
  .site-main ul.products li.product:hover .button {
    opacity: 1;
  }
}

---

我个人认为这样看起来更好。

代码的第一部分对我很有用。非常感谢。我会进一步编辑产品名称，使它看起来更漂亮。现在删除了所有屏幕尺寸的“添加到购物车”按钮。

@screen and (min-width: 768px) {
  .site-main ul.products li.product .button {
    opacity: 0;
  }
  .site-main ul.products li.product:hover .button {
    opacity: 1;
  }
}