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

Question

我正在使用店面Galleria Child主题。

问题在于，在我的产品页面上https://www.mangoblogger.com/services/产品标题/价格在768 PX消失，只出现在悬停在悬停旁。

我希望它们一直显示并完全删除悬停效果。

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

Answer 1

由于g-product-title类上的opacity: 0设置，标题是隐藏的。您可以通过加载主题的CSS文件后在某个地方添加此规则来覆盖该行为（在以后的CSS文件中或在<style>标签中）：

@screen and (min-width: 768px) {
  .site-main ul.products li.product .g-product-title {
    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;
  }
}

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