如何在Squarespace中删除悬停效果？

Question

所以我无法弄清楚如何删除我正在处理的朋友网站上的悬停效果...我不想在这里看到悬停背景：< / p>

a good, minimal, complete code example

悬停效果显示在此处：http://adam-smith-0nvq.squarespace.com/drawings-paintings

如何更改它以便没有悬停？

Answer 1

对于这样的说明性问题，我总是建议检查元素并将相关的代码片段与您的问题一起发布。通常，您在这样做时会弄清楚这些基本的CSS问题。

将它放在自定义CSS文档中：

.sqs-gallery-controls .next:hover,
.sqs-gallery-controls .previous:hover {
  background-color: inherit;
}

如果您检查了此元素，您会看到SquareSpace在这些箭头上有.next和.previous类。这两个类都有适用于伪类 :hover的规则。所以基本上他们在这个伪类上使用background-color: rgba(0,0,0,0.2);，创建了透明的黑色背景。

通过插入上面的CSS来覆盖它，以便在悬停时，元素继承其类的主要背景规则，什么都不是（或者将来更改它的任何东西）。

希望这有帮助。

Answer 2

只需在悬停

上将background-color设置为透明即可

.sqs-gallery-controls.show-hover-effect a:hover {
  background-color: transparent;
}