Smallipop jquery插件 - 如何减少三角形大小？

Question

如何减小smallipop插件工具提示中三角形的大小？
Smallipop website.

我希望三角形的宽度和高度减少约2px。

Answer 1

您需要覆盖他们的课程。

.smallipop-instance:after

和

.smallipop-instance:before

可能有多个处理不同的屏幕尺寸和三角形的位置。每个都有一些CSS样式，对应于顶部，底部，左侧或右侧的三角形。重要的风格是：

top: -24px;
bottom: -20px;
margin-left: -10px;
border: 10px solid transparent;

不是那些特定的值，而是那些CSS属性。我只是从他们的CSS中抓取了这些例子。要更改三角形的大小，您需要调整border像素大小。值越小意味着三角形越小。

更改它将导致三角形不再居中并且不再直接针对工具提示。根据三角形的位置：顶部，左侧，右侧或底部，您需要调整正确的类并更改其top或bottom值及其margin-left值以补偿大小变化

还有一些课程

.smallipop-left:after
.smallipop-right:after
.smallipop-bottom:after

看起来它们取决于工具提示和三角形的位置将覆盖边距，顶部，左侧，右侧或底部值。

我希望这有助于您开始理解并进行所需的更改！