是否可以定位 Pinterest 悬停按钮

Question

我正在为客户网站使用 Pinterest 悬停按钮小部件。

默认情况下，它出现在所有图像的左上角。看起来他们的脚本不允许定位。是否可以用 CSS 覆盖它？

谢谢

Answer 1

是的，我相信是的。如果您生成代码，您会看到固定按钮被创建为一个跨度，然后使用内联样式进行定位，我在动态猜测每个图像。

在示例中，我看到它有 class xc_pin，所以我将在我的示例中使用它，但请记住，您的 class 可能有所不同。

正如我提到的，span 的样式是内联的，因此要覆盖它，您必须使用 !important，否则样式将被覆盖。以下是您的代码的外观：

xc_pin {
   left: 20px !important;
   top: 50px !important;
}

希望对您有所帮助！

使用可用的 JSFIDDLE 进行编辑

在尝试 css 之后，我设法找到了一种使用 css 兄弟选择器来定位它的方法，这里是 jsfiddle：https://jsfiddle.net/2xzxgvfw/19/

希望这能解决您的问题！

Answer 2

我不知道您是如何生成代码的，但我认为应该在某处有一个名为：ppibfi_pinterest.css 的文件，在此文件中查找以下行：

.pibfi_pinterest .xc_pin{}

在那里你应该找到像这样的东西：top: 5px; margin-left: -1px; 如果你调整这个，你应该可以修改pinterest图标的位置

Is it possible to position the Pinterest hover button